I used conditional tags to show the hover state when a page is current in my image-based navigation. All works, except now the current state overlaps the down state. See it in action at karminmusic.com
I am thinking I need to add another condition to show only the current class, but I'm lost. Anyone have any tips?
Here's the code from header.php:
<div id="menu">
<li<?php
if (is_page('Home'))
{
echo " id=\"current_home\"";
}
?>><li<?php
if (is_page('See'))
{
echo " id=\"current_see\"";
}
?>><li<?php
if (is_page('Follow'))
{
echo " id=\"current_follow\"";
}
?>><li<?php
if (is_page('Store'))
{
echo " id=\"current_store\"";
}
?>></div>