CSS Navigation Alignment Problem in Internet Explorer

[theOtherHand]

Hello Everyone

I am have some trouble with my ie "break it till you fix it" mojoe. I am using css sprite navigation which is working wonderfully in all other browsers.

The problem!(lack of compliance?)

The active state stays horizontally aligned but adds(reveals?)pixels as you move down through the nav.

The hover state begins 10px or so out of vertical alignment then adds(reveals?)pixels as you hover down through the nav.
http://vibrantvisions.ca/sQNew/index.html

Thanks for your time

 

[PixelPusher]

The reason you are having issues with your menu (and the sprites) is due to invalid html. If you use list items (li tags), the first parent (containing element) MUST be a list tag (ul tag). So try changing your html to this:

HTML

<ul id="nav">
        <li id="home"><a href="index.html" title="House Cleaning Toronto "><span>House Cleaning</span></a></li>
        <li id="office"><a href="office-cleaning-toronto.html" title="Office Cleaning Toronto"><span>Office Cleaning</span></a></li>
        ...
</ul>

 

[theOtherHand]

Thanks for the response and example.

 

[PixelPusher]

Thanks for the response and example.

Anytime, your welcome. Let us know if you still need further help.

 

[gumspitter]

Post your css please. My be something wrong with that code