#navbar {
margin: 0;
padding: 0;
height: auto;
background-color: #EEE;
}
#navbar  li {
line-height: 1em;
list-style: none;
float: left;
}
#navbar li a {
display: block;
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-left: 0.5em;
padding-right: 0.5em;
background-color: #06F;
color: #FFF;
text-decoration: none;
margin: 2px;
}
#navbar li ul {
display: none;
width: 0;
background-color: #06F;
}
#navbar a:hover {
background-color: #00C;
}
#navbar li:hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
}
#navbar li:hover li  {
float: none;
}
#navbar li:hover li a{
background-color: #00C;
border-bottom: 1px solid #fff;
color: #000;
}
#navbar li li a:hover {
background-color: #00C;
}