y quiero que los items que no estan hover queden alineados hacia abajo, es decir así:
Por mucho que le doy vueltas, no lo consigo, ni con padding ni con margin ni con position he conseguido hacer que los items en verde queden más abajo que los de blanco.
Aquí el css de mi menú:
Código :
/*menu*/ #menu ul { padding: 14px 0 0 0; background-color: #564a18; display:block; height:50px; font-family: georgia, serif; font-size: 9pt; color: white; font-weight:bold; text-align: center; list-style-type: none; } #menu ul li { margin: 0px 4px 0px 4px; float: left; } #menu ul li a { padding: 14px 0 0 0;/*0.5em;*/ display: block; width: 100px; height: 30px; text-decoration: none; color: white; border-width: 1px; border-color: #fff; border-style: solid; background: #857d2b; } #menu ul li a:hover { color:black; border-color: #fff; border-style: solid; background:white; } #menu ul li a.selected { padding: 6px;/*0.5em;*/ display: block; width: 100px; height: 40px; color:#000000; background: white; margin-left:-4px; } #menu ul li.first { margin: 0px 0px 0px 4px; }
Gracias!