I have a lovely dropdown menu that's giving me no grief in any other browser except IE7. In IE7 it seems to ignore the z-index value of the dropdown's containing ul and puts its behind the content like so:

The second problem is that (you will have to try the menu to see this) when the ul first appears after you hover over a menu item, it's width is small and it sort of pops into size. (Only in IE7 again)

@goldilocks I was reading through that, even if I set all the item's to the same positioning (which causes other problems) it still appears behind them even though it's z-index is higher.
–
George ReithApr 19 '12 at 11:11

That would fix IE7 in this case. Other than that, I think you're using way too many styles; usually the less you use, the better .. but that would need a lot more thorough overhaul.. so many default positioning, display:block, floats, inheriting one from another, can only go wrong in my book..