Si alguien puede ayudarme mi problema es que con el explorador maximizado se alinea el menu ul que muestro en la imagen izquierda adjunta que tiene como propiedades de css las siguientes:
.enlace1 li {
float: left;
width: 33%;
list-style-type: none;
text-align: left;
}
.enlace1 li a {
border: 2px solid #ff9900;
padding: 2em;
font-variant: normal;
font-size-adjust: none;
text-decoration: none;
font-weight: bold;
display: block;
background: url(Imagenes/degradado1.png) repeat-x 0px 0px;
background-color: #cccccc;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
text-align: center;
font-size: 16px;
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: 20px;
color: #333333;
font-style: normal;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
Pero cuando se estrecha la ventana se desalinean y aparecen una o dos lineas por espacio chocando con la espansion de las anteriores, imagen derecha.
Le puedo añadir algo para corregir este posicionamiento y que se mantengan de 3 en tres <li> como dice el css width: 33%;
Espero sus respuestas.