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.