Gap in IE, no gap in FF

[chlori]

Hello

I'm trying to get a menu with submenu to work. I found
something at Listamatic
(http://css.maxdesign.com.au/listamatic) and tried to change
it to get the effect I'm looking for.

In Firefox it looks right, but in IE6 there's a vertical gap
between the menu and the submenu.

http://arto.ch/tests/reg/navbar2.htm
http://arto.ch/tests/reg/nav.css

Does anyone have an idea how I can get rid of that gap?

Or maybe you have a better way to make a similar navbar?

thanks

 

[kchayka]

In Firefox it looks right, but in IE6 there's a vertical gap
between the menu and the submenu.

http://arto.ch/tests/reg/navbar2.htm

IE often has trouble with white space within the HTML. Typically
newlines are the cause of unwanted gaps in horizontal lists.

Sometimes adding display:inline or display:inline-block on some elements
can resolve it, but be sure to test in other browsers to make sure there
aren't other side effects. I'd try applying it to the UL first, and go
from there.