Código HTML:
Ver original
y este CSS:
Código CSS:
Ver original
.menu {width: 950px; height: 42px; } .parteuno { float:left; height: 40px; font-size: 13px; background:url(images/menu.jpg) no-repeat; border-top: 1px solid #666; border-left: 1px solid #666; border-bottom: 1px solid #666} .buscar { width: 218px; float:right; height: 30px; text-align: right; padding-top: 10px; padding-right: 5px; background-color:#FF0; background: url(images/buscar.jpg) no-repeat; font-size: 20px; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666} ul.nave { list-style: url(none) none; } ul.nave li{ display: inline; float: left; position: relative; } ul.nave li ul { display: none; min-width: 100px; height: 40px; }
Todo eso es un menu en horizontal que se ve correctamente, pero en el momento en que amplio la parte2 del menu (buscar) se me baja y se me separa.
Tambien si hago un cambio de letra o de tamaño de letra me pasa, por que puede ser. Gracias!