Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS sub nav not showing in IE Re: sub nav not showing in IE

#60357
AnotherAndrew
Participant

Ok, I think I know what you mean, and I cleaned up my code.

Does this look better?

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 ul {position:absolute;left:-999em;width:690px;list-style:none;line-height:0;margin-left:310px;}

#navigation a {font-weight: bold;color: #e1e1e1;display: block; text-decoration: none; padding: 10px 10px; }
#navigation a:hover {color:#fff; background: #414244;}

#navigation li li {float:right; width:auto; text-align:left; padding: 10px 10px; }
#navigation li li a {color: #fff; font-size: 0.875em; float:right; padding: 5px 8px;}
#navigation li li:hover {color:#fff;background: #c0c0c0;}

#navigation li ul li a {left:0; background: #414244; margin-top: 5px;}
#navigation li ul li a:hover {background: #c0c0c0;}