Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/06/2010, 21:26
geoMente
 
Fecha de Ingreso: noviembre-2009
Mensajes: 112
Antigüedad: 14 años, 5 meses
Puntos: 0
problema con ul y alineación de imagen

Buenas, tengo un problema muy raro

Dentro de un div tengo una imagen así:

<div id="registrarse">
<img src="imagenes/imgreg.gif"/>
</div>

y la imagen me queda centrada y todo bn

PERO cuando la pongo dentro de un <ul> así:

<div id="registrarse">

<ul class="menu">
<img src="imagenes/imgreg.gif"/>
</ul>

</div>

La imagen queda hacia el lado derecho, no se porq






Si necesitan el código del css del menú es este:

<style type="text/css">
ul.menu
{
list-style:none;
}
ul.menu ul /* Para todos los ul debajo del ul.menu */
{
display:none;
list-style:none;
}


ul.menu
{
list-style:none;
}
ul.menu ul /* Para todos los ul debajo del ul.menu */
{
display:none;
list-style:none;
}

ul.menu li:hover > ul
{
display:block;
}

ul.menu
{
list-style:none;
}
ul.menu li
{
position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
width:70px;
}

ul.menu ul
{
position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
left:100px; /* Para que no monte sobre el <li> */
top:-1px;
display:none;
list-style:none;
}
ul.menu li:hover > ul
{
display:block;
}

</style>