My first post here ;o).
I have a horizontal nav with secondary dropdown which works lovely with all browsers except IE. For some reason the nav moves down 20px or so in IE, which really mucks up the rollover style. I have done browser comparisons over at Litmus and they pointed me over to here.
Any help would be gratefully appreciated
First time post too! :)
Try adding "zoom:1;" to your UL #menu style. This has always fixed IE's issues with UL based menus for me.
Sorry, just tried that and still the same in IE ;o( thanks for trying
I noticed this at the start of the #menu UL:
<ul id="menu" style="zoom:1;"> </li> </li>
Two closing LI's before an LI is open. This might throw IE off. Also, in my experience spacing can throw things off in IE as well. I would suggest cleaning up the code in the menu, and removing any extra spacing - run all of your LIs on one line, for example:
<li><img class="corner_inset_left" alt="" src="images/corner_inset_left.png"/><a href="#">Web Design</a><img class="corner_inset_right" alt="" src="images/corner_inset_right.png"/></li> all on one line with no spacing in between tags.
I stripped out the spaces and the two LI's, which did not seem to make any difference. But I noticed I had put in a margin-top 30px on the menu, which seems really was not needed as I took it out everything now looks fine.
But thanks very much for the speedy replies, your help really spurred me on and focussed me on my little slip ups ;o)