Home › Forums › CSS › sub nav not showing in IE › Re: sub nav not showing in IE
July 8, 2009 at 3:06 pm
#60379
Participant
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;}
#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;}