div#menuContainer { font-family: Arial, Helvetica, sans-serif; font-size: 16; padding: 5px 0; margin: 0; width: 100%; float:left; background:#F0F0F0; text-align:left; } div#menuContainer ul { padding: 0; margin: 0; list-style-type: none; white-space: nowrap; } div#menuContainer ul li { padding: 0; margin: 0; display: inline; float: left; border-right:1px dashed #CCC; } div#menuContainer ul li a { font-weight: bold; font-style: normal; color: #008fd4; padding: 4px 10px; margin: 0 7px; text-decoration: none; display: block; } div#menuContainer ul li a:hover, div#menuContainer ul li#active a:hover, div#menuContainer ul li#active a { color: #008fd4; background: #FFF; } div#menucontainer li:hover a.selected { color: #008fd4; background: #FFF; } div#menuContainer > ul a { width: auto; } div#menuContainer ul ul { position: absolute; border: 1px solid #CCC; border-bottom:none; width:170px; background:#F0F0F0; z-index:500; } div#menuContainer ul ul li{ float: left; display:block; width: 100%; white-space: nowrap; border:none; } div#menuContainer ul ul li a:hover, div#menuContainer ul ul li#active a:hover, div#menuContainer ul ul li#active a { border-bottom: 1px solid #000#008fd4; background:#FFF; color:#008fd4; } div#menuContainer ul ul li a{ border: 1px solid #CCC; border-left:none; border-top:none; border-right:none; margin: 0; color: #008fd4; padding: 8px 15px; height:1%; } 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; } div#menuContainer ul ul ul { /*top: 0px;*/ margin-top: -27px; left: 100%; position: absolute; z-index: 10; width: auto; } div#menuContainer ul ul ul ul { /*top: 0px;*/ margin-top: -27px; left: 100%; position: absolute; z-index: 10; width: auto; }