[SOLUCIONADO] barra de menu pierdo ultima opcion

[edurocc]

Hola, tengo una pagina que el menu se ve perfecto mientras el navegador este al 100% de zoom. Pero al cambiar el zoom la ultima opcion se pierde, se va abajo de la primera opcion.
En una pagina tengo tres opciones en el menu, y al cambiar el zoom la nro.3 se va debajo de la nro.1
En otra pagina tengo cuatro opciones, en el menu, y al cambiar el zoom, la nro.4 se va debajo de la nro.1
En pantallas mas pequeñas como en mi celu tambien me lo hace.

Porque me hace eso?

[Gerrer0]

puedes subir el codigo o la pagina a internet para poder ver el problema?

[edurocc]

Gracias por responder Gerrer0 www.dulcetere.com.ar
aqui va el codigo

css:
#menu_{
position:absolute;
left:0px;
top:235px;
width: 709px;
}
#menu_ ul{
position: absolute;
left:3px;
top:-13px;
margin:0 0 0 50;
width: 382px;
}
#menu_ li{
float:left;
top:135px;
}

#menu_ li:hover a {
color:#FF0000;
}
#menu_ a{
position: relative;
display: block;
height: 10px;
padding: 0px 25px 0px 25px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #CCC;
border: none;
}
#youtube_ {
position:absolute;
left:739px;
top:235px;
padding:0 0 0 0;
}
#facebook_ {
position:absolute;
left:790px;
top:235px;
padding:0 0 0 0;
}

html:
<div id="menu_">
<img src="imágenes/menu.gif" />
<ul>
<li style="display: inline"><a style="color:#CC9900">Inicio</a></li>
<li style="display: inline"><a href="www/servicio.html">Servicios</a></li>
<li style="display: inline"><a target="_blank" href="www/cf_ajax/index.html">Contacto</a></li>
</ul>

</div>

<div id="youtube_">
<img src="imágenes/youtube.gif" />
</div>

<div id="facebook_">
<a target="_blank" href="###"><img src="imágenes/facebook.gif" /></a>
</div>

El ancho total de la pagina es de 900px

[pzin]

La solución es no usar posicionamiento absoluto.

[Gerrer0]

neee...aunque igual valor absolute no debiste utilizar para este tipo de menu si quieres puedo hacerte uno igual y mandártelo mas compacto y sin mucho enredo xd pero si quieres conservar este menu solo aplicale mas medida al ul en este caso y listo, aveces pasa por que queda sin ancho cuando achicas la pantalla y pasa hacia abajo la div

remplaza esto:
#menu_ ul{
position: absolute;
left:3px;
top:-13px;
margin:0 0 0 50;
width: 500px;
}

lo probé y funciona para todas las resoluciones pero prueba en tu web aver que tal

[edurocc]

Iniciado por Gerrer0

neee...aunque igual valor absolute no debiste utilizar para este tipo de menu si quieres puedo hacerte uno igual y mandártelo mas compacto y sin mucho enredo xd pero si quieres conservar este menu solo aplicale mas medida al ul en este caso y listo, aveces pasa por que queda sin ancho cuando achicas la pantalla y pasa hacia abajo la div

remplaza esto:
#menu_ ul{
position: absolute;
left:3px;
top:-13px;
margin:0 0 0 50;
width: 500px;
}

lo probé y funciona para todas las resoluciones pero prueba en tu web aver que tal

Si bien es cierto que no hay que usar absolute como dice "pzin", tu solucion funciona muy bien.
Gracias por la ayuda.