#menuDiv {
    float:left;
    margin:0px 0px auto 0;
    width:100%;
    height:30px;
    background-color: #0471B0
}
#menuDiv2 {
    float: right;
    margin: 0px 0px auto 0;
    width: 340px;
    height: 30px;
}
ul {
    list-style-type:none; /*con esto quitamos las viñetas*/
    margin:0; /*le quitamos el margen a la lista*/ 
    padding:0; /*y el relleno*/
}
li {
    margin:0; /*le quito el margen al elemento de la lista*/ 
    float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}
li a {
    display: block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/
    background-color: #0471B0; /*algo de color*/
    color: #FFFFFF; /*mas*/
    width: 80px; /*defino el ancho del rectangulo del vinculo*/
    height: 30px;
    text-decoration: none; /*elimino el subrayado del vínculo*/
    font-family: Verdana;
    text-align: center;
    font-size: x-small;
    font-weight: bold;
}
li a:hover {
    background-color:#EE3931; /*decoración para el evento hover (mouse encima)*/ 
}