persisting sliding doors image rollovers IE
Posted: Mon May 22, 2006 12:25 pm
Greets,
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
and the CSS to show "support" as underlined is
Any insight is greatly appreciated.
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;}