div#menuContainer { float: left; width: 100%; margin: 0; padding:0; background-color: #004372; z-index:10; } div#menuContainer ul { margin: 0; padding: 0; background-color: #004372; white-space: nowrap; width: 100% } div#menuContainer > ul a { width: auto; } div#menuContainer li { position: relative; list-style: none; margin: 0px; float: left; border-right: 1px dotted #FFFFFF; z-index:10; } div#menuContainer li a { display: block; padding: 4px 6px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11; color: #FFFFFF; font-weight: bold; font-style: normal; } div#menuContainer li:hover { background-color: #004372; } div#menuContainer li a:hover { color: #FFC41E; } div#menuContainer a#active { background: #004372; color: #FFC41E; } div#menuContainer ul li ul li a { width:120px; } div#menuContainer ul li ul li a:hover { background-color: #004372; } div#menuContainer ul ul { position: absolute; width:140px; border-right: 1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; z-index:10; } div#menuContainer ul ul li{ border-bottom: 1px solid #FFFFFF; float: left; display:block; width: 100%; } div#menuContainer ul ul ul { top: 0px; left: 100%; position: absolute; width:120px; z-index:10; } div#menuContainer ul ul ul li{ border-bottom: 1px solid #FFFFFF; } div#menuContainer ul ul ul ul { top: 0px; left: 100%; position: absolute; width:120px; z-index:10; } 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;}