problema con ul y alineación de imagen

[geoMente]

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>

[DilakV]

Lo estas especificando en tu CSS, ¿no?

Código CSS:

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;
}
 

[geoMente]

,,mm,, le cambié al valor a todos los atributos de la parte que usted dijo

pero la imagen sigue estando en la derecha del div

[DilakV]

¿?

Código CSS:

#registrarse {text-align: left;}
 

No sé si en algo cambie el contexto donde lo estas aplicando, es decir que este dentro de otras etiquetas o algo asi, por que tu css no afecta para nada la imagen, yo uso Firefox. ¿En que explorador lo estas visualizando?

[eZakto]

Las listas por defecto tienen un margen a la izquierda asignado, que desplaza todo el contenido a la derecha.

Prueba con:

Código CSS:

ul.menu
{
list-style:none;
margin: 0;
}
 

[geoMente]

Estoy haciendolo en Dreamweaver, cuando le pongo margin:0; en la parte de diseño me aparece sin el margen por defecto, es decir, bien.
Pero cuando lo pruebo en el explorador, el contenido sigue el la derecha, muy raro

Estoy utilizando Firefox 3.6

[elfeme]

Iniciado por geoMente

Estoy haciendolo en Dreamweaver, cuando le pongo margin:0; en la parte de diseño me aparece sin el margen por defecto, es decir, bien.
Pero cuando lo pruebo en el explorador, el contenido sigue el la derecha, muy raro

Estoy utilizando Firefox 3.6

proba poniendo padding: 0 también.

[geoMente]

,,,gracias elfeme,, no le puse padding:0, pero el problema si era con el padding y lo puse para que quedara como quería

Muchas Gracias