#nav{padding:0;margin: 0; height: 0;} #nav a img {border:0;} #nav li:hover, #nav li.hover {background:#ffffff; } #nav li li a { width:12em; background-color: #E2E2E2; } #nav li li a:hover { background-color: #fff; } #nav li a.SelectedTab { background-color: #fff; } #nav .DisabledTab { color:#ccc; } /* no need to change these hover classes unless you need more than 4 levels */ #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.hover ul, #nav li li.hover ul, #nav li li li.hover ul , #nav li li li li.hover ul { left: 20px;} #nav li:hover ul, #nav li.iehover ul { top: 1.9em; } #nav ul { padding:0; margin:0; list-style:none; float:left; width:auto; background-color:#ffffff; } #nav li { position: relative; float:left; line-height : 1.25em; width: auto; list-style: none; } #nav li ul { /* second-level lists */ position : absolute; left: -999em; width: auto; background-color:#ffffff; top: 105px; } #nav a { font-size:1.08em; font-variant: small-caps; display:block; text-decoration:none; text-align:center; width:100%; padding :2px 0 2px 0; color:#000; background-color:#ffffff; } #nav li li a { width:18em; border:1px solid #000000; } #nav li a:hover { background-color: #fff; } #nav li a.SelectedTab { background-color: #fff; } #nav .DisabledTab { color:#ccc; }