Nasty IE6 <ul> <li> stair bug

Question

In that page, the submenu if fine in firefox, but as usual, the nasty explorer is interpreting that differently....

how do you troubleshoot css bug in IE6

what is the css bud there ?

here is the page

---

Sorry to ask, I have found the PERFECT SOLUTION...

here is the link

here is the text :

Here is the remedy:

ul#menu li {
    display: inline; /* Prevents "stepdown" */
}

Answer 1

Try removing all white-space between your UL and LI. You may try splitting your white space like this:

<ul><li
>Item 1</li><li
>Item 2</li><li
>Item 3</li></ul>

Answer 2

I think you want to float the <li> elements instead of the links within them

just move the float: left; from the links to the <li>s

Also remove the float: left; from the <ul>