div#menuContainer { float: left; margin: 0 0 -40px 0; position:relative; left:10px; } html>body div#menuContainer { float: left; margin: 0; position:relative; left:10px; } div#menuContainer ul { margin: 0; padding: 0; width:150px; } /* Fix IE. Hide from IE Mac \*/ * html div#menuContainer ul li { float: left; } * html div#menuContainer ul li a { height: 1%; } /* End */ div#menuContainer li { position: relative; list-style: none; background-color: #FFFFFF; line-height:20px; } div#menuContainer li a { display: block; padding: 4px 6px; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 11; color: #83C441; font-weight: bold; font-style: normal; width:150px; } html>body div#menuContainer li a { display: block; padding: 4px 6px; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 11; color: #83C441; font-weight: bold; font-style: normal; width:136px; } div#menuContainer li:hover { } div#menuContainer a:hover { color: #003399; background: #FFFFFF; } div#menuContainer a#active { background: #FFFFFF; color: #003399; } div#menuContainer ul li ul li a { width: auto; } div#menuContainer ul li ul li a:hover { background-color: #FFFFFF; } div#menuContainer > ul a { width: auto; } div#menuContainer ul ul { position: absolute; top: 0; left: 100%; display: none; border-top: 1px solid #83C441; } div#menuContainer ul li{ border-bottom: 1px dashed #83C441; } div#menuContainer ul ul li{ border-left: 1px solid #83C441; border-right: 1px solid #83C441; border-bottom: 1px solid #83C441; } div#menuContainer ul ul, div#menuContainer ul li:hover ul ul, div#menuContainer ul ul li:hover ul ul {display: none;} div#menuContainer ul li:hover ul, div#menuContainer ul ul li:hover ul, div#menuContainer ul ul ul li:hover ul {display: block;}