Hi,

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

Thanks

Nick

4 answers

0
points

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.

Answered over 7 years ago by Danny S.
0
points

Sorry, just tried that and still the same in IE ;o( thanks for trying

Answered over 7 years ago by Nick Clack
0
points

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.

Answered over 7 years ago by Danny S.
0
points

Cheers Danny,

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)

Cheers

Nick

Answered over 7 years ago by Nick Clack