Home › Forums › CSS › sub nav not showing in IE › Re: sub nav not showing in IE
July 9, 2009 at 9:09 am
#60406
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;}
#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?