hello all.
i have this site i'm working on and i got this retarded bug in IE6.

site linke: http://www1.inogate.org/

in IE6 when hovering over the left menu, last item the list that appears goes under the latest news containers and you can't see the last item. i've tried a million combinations with z-index on those items but still nothing. if anyone has any ideas on how to fix this i would be greatful

It doesn't appear to be working AT ALL in my IE6.

Are you adding any margins, padding, or borders on the hover/dropdown ?

yes, of course. i need to align the text in the li elements

IE drops elements below others when it has no room, or rather it *thinks* is doesn't have room. IE is notoriously bad when layouts are extremely tight and you need to give it a few pixes of breathing room.

IE6 also doesn't support the :hover pseudo-class on anything but the <a> tag w/o using some scripting.

You also need to know that neither your #outer-wrapper or your #container are "wrapping" the contents as you intended. This happens when you don't clear your floats.

Your #menuholder isn't 'holding' the menu either, and for the same reason - no clearing on the floats.

It would also be better to use an unordered list for the menu rather than all those divs.