Re: sub nav not showing in IE

[AnotherAndrew]

OK, I reduced some declarations that weren’t doing anything, but causing confusion. This seems to work better.

So now I have this:

Code:

#navWrapper {position: absolute; top: 110px; left: 0px; z-index: 1000; background:#6b6d70; width: 1000px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
#navigation {list-style:none;font-size: 0.8125em; font-weight: bold; letter-spacing: 0.17em; text-transform: uppercase; color: #c0c0c0;zoom: 1; }
#navigation li {float:right;text-align:center; padding: 5px; }
#navigation a {font-weight: bold;color: #e1e1e1;display: block; text-decoration: none; padding: 10px 10px; }
#navigation a:hover {color:#fff; background: #414244;}
#navigation ul {position:absolute;left:-999em;width:690px;list-style:none;line-height:0;margin-left:310px;}
#navigation li:hover {color:#fff;background: #414244; }
#navigation li:hover ul {left:0; background: #414244; margin-top: 5px; }
#navigation li ul li a:hover {background: #c0c0c0;}

And from what I can tell this line is what is not showing up in IE:

#navigation ul {position:absolute;left:-999em;width:690px;list-style:none;line-height:0;margin-left:310px;}