div#menuContainer { font-family: Arial, Helvetica, sans-serif; font-size: 14; padding: 5px 0; margin: 0; width: 100%; float:left; background:#FFFFFF; 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: #0a137d; 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: #FFFFFF; background: #56b5ef; } div#menucontainer li:hover a.selected { color: #FFFFFF; background: #56b5ef; } div#menuContainer > ul a { width: auto; } div#menuContainer ul ul { position: absolute; border: 1px solid #CCC; border-bottom:none; width:250px; background:#FFFFFF; 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#FFFFFF; background:#56b5ef; color:#FFFFFF; } div#menuContainer ul ul li a{ border: 1px solid #CCC; border-left:none; border-top:none; border-right:none; margin: 0; color: #0a137d; 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: -34px; left: 100%; position: absolute; z-index: 10; width: auto; } div#menuContainer ul ul ul ul { /*top: 0px;*/ margin-top: -34px; left: 100%; position: absolute; z-index: 10; width: auto; }