Drop down menu bug in IE6

[Maujor]

Test case is here: http://www.maujorsite.com/temp/teste.html

When we open the 2nd and 3th level submenus some borders are
are missed in IE5.0 IE5.5 IE6 (don't test in IE7 until now).
If the submenu are closed and then re-opens, IE bingo! the borders was there!

A possible fix is:

ul#nav li {margin: -1px;}

I need another fix because this one cause double left borders and desappearing border if I set a background-color.
TIA
Regards

[Paul O'B]

Hi Mauricio,

You need to use 1px and not 1% here:

* html ul li a {height: 1px;}

I think sometimes the 1% equates to 0 and doesn't seem to "enforce" layout correctly. You will quite often find that 1% and 1px give different behaviors in IE so always try both.

[Maujor]

Thank you Paul.
Problem fixed.