Alinear una imagen con un listado y que se vea bien en los distintos navegadores

[23xy]

Hola Gente del foro....
Estoy haciendo un sitio en el que tengo dentro de un div un listado de tiendas y justo debajo de este se debe colocar en el centro una imagen. En el ie 7 logro que se acomode como quiero, pero cuando lo logro en el ie 6 y en firefox se ven diferentes (cada uno me lo alinea de distinta manera)
Dejo el css para mayor info:
#contenido {
padding-top: 10px;
height:387px;
max-height:387px;
overflow:auto;
left: 200px;
padding-left: 200px;
display: block;
}
ul .primero {
list-style-type: none;
float: left;
text-align: right;
padding-right: 30px;
}
li .primeroa {
text-align: right;
padding-right: 20px;
}
ul .segundo {
text-align: left;
list-style-type: none;
float: none;
list-style-position: outside;
list-style-image: url(...);
vertical-align: middle;
padding-left: 15px;
}
li .segundoa {
list-style-type: none;
margin-left: -10px;
}
.imagen {
text-align: center;
margin-top: 0px;
margin-left: 96px;
}

Alguien me puede decir que estoy haciendo mal?????

Gracias por su tiempo.

[Raulmmmm]

Puedes hacer esto para centrar la imagen (funciona en IE7 y Firefox, el IE6 no lo tengo):

Código HTML:

<div style="text-align: center">
<img src="tuimagen.jpg" style="margin: 0 auto" />
</div> 

[_facilweb]

A mi me ha servido usar el estilo:
list-style-position: inside;

Si no, las viñetas se montan en las imágenes

[Mikmoro]

Iniciado por 23xy

Alguien me puede decir que estoy haciendo mal?????

Gracias por su tiempo.

Creo que sin ver el html es bastante poco probable.

Mikel.

[nedrek]

Iniciado por Raulmmmm

el IE6 no lo tengo

Aún puede ser bastante imprescindible....

Echa un vistazo aqui: Multiple IE


Un Saludo.

[Mikmoro]

Iniciado por nedrek

Aún puede ser bastante imprescindible....

Echa un vistazo aqui: Multiple IE


Un Saludo.

Imprescindible no admite magnitudes: una cosa no puede ser un poco imprescindible o muy imprescindible; es o no es imprescindible

(No te ofendas, es una bobada, pero es que se ve muy a menudo )

Mikel.

[jesusbet]

Tendría que ver el HTML o que explicaras qué clase o id estás usando para el elemento que quieres centrar.

En sí, la forma más práctica de centrar una imagen es asignándole su ancho (width), mostrarlo como bloque (display:block) y con márgenes automáticos (margin:auto).

.imagen {
display: block;
width: 200px;
margin: auto;
}

Saludos