Howdy all. I'm currently working on a site with a vertical nav bar on the left hand column. In attempts to keep my markup compliant and clean, I'm using symantic markup so that the unstyled pages are still navigable.
Under these pretenses, I'm using a CSS-styled unordered list (UL tag) for the nav, each element styled with a bullet and :hover pseduoclasses to achieve the roll-overs and proper styling.
It looks great, works great... in every compliant browser (even IE5 mac!)... but it doesn't look so hot in IE6. It still works, but each element in the list has a HUGE top and bottom margin. It would seem that IE assumes you definitely want a certain amount of space around your list-items, and has a predetermined base top/bottom margin.
Like I said, it works, but it's ugly.
You can see the page here: http://www.gravitymusic.com/aiden/bookmark/
Any known workarounds for this strangeness?