#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;

}

.mainitems {
font-size: 12px;
font-weight: bold;
}

.mainitems a {
margin-left: 8px;
margin-right: 8px;
text-decoration: none;
color: #fff;
padding-bottom: 6px;
display: block;
}

.mainitems a:hover {
color: #FDD901;
}

.subuls {
display: none;
width: 10em;
position: absolute;
top: 1.6em;
left: 0;
background-color: #336799;
}

.subuls li {
width: 100%;
}

.subuls li a{
text-decoration: none;
padding: 6px 6px;
margin: 0;
display: block;
border-top: 1px solid #fff;
}

.subuls li a:hover {
background-color: #000066;
color: #FDD901;
}

/*#cssdropdown li>ul { 
 to override top and left in browsers other than IE, 
which will position to the top right of the containing li, 
rather than bottom left 
top: auto;
left: auto;
}*/

#cssdropdown li:hover ul, li.over ul { 
/* lists nested under hovered list items */
display: block;
}