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

#60406
AnotherAndrew
Participant

OK, OK! Please be patient! So that would give me 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 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 {float:right;text-align:center; padding: 5px; }
#navigation li a:hover {color:#fff;background: #414244; }
#navigation li ul a:hover {left:0; background: #414244; margin-top: 5px; }
#navigation li ul li a:hover {background: #c0c0c0;}

I guess I am not understanding what is making in the drop down menu work. I am just trying to work the logic out. A user hovers over the first ul li a, and then how does the second level ul li a appear?