I'm having issue with sliding doors type menu system in IE.
Here's the web site http://www.aeromist.com
Take a look at main menu on the left. In FF, if I click on the link it takes me to that section and it knows what the current button is. This is all achieved via CSS. IE is not behaving and I just can't get it going. Here's the sample code
Code: Select all
<ul>
<li><a class="shoponline" href="?s=shoponline&p=misting"></a></li>
<li><a class="applications" href="?s=applications"></a></li>
<li><a class="doityourself" href="?s=doityourself"></a></li>
<li><a id="current" class="support" href="?s=warranty"></a></li>
<li><a class="contact" href="?s=contact"></a></li>
<li><a class="links" href="?s=links"></a></li>
<li><a class="home" href="?s=home"></a></li>
</ul>Code: Select all
/* ----- [support] ----- */
#navWrap ul li a.support {
width: 120px;
height: 30px;
background-position: -120px -90px;
}
#navWrap ul li a.support:hover, #navWrap ul li a#current.support {background-position: 0 -90px;}