Listas con Imagenes

[condesitadeirun]

Saludos,

Soy principiante en esto de maquetar con CSS y ya voy encontrando varios problemas entre compatibilidades de los navegadores.

He creado una lista y quiero que las imagenes de la lista sea una imagen en concreto. Esta imagen si la consigo ver con Firefox sin embargo con IE no puedo...

Os copio el código a ver si me podéis dar alguna idea.

Código:

<div id="menu"><ul>
                <li><a href="#">Agenda</a></li>
                <li><a href="#">Fotolog</a></li>
                <li><a href="#">El test</a></li>
                <li><a href="#">Entrevista</a></li>
</ul></div>

Código:

#menu
{
background: url(../imagenes/fondomenu.gif) no-repeat;
	width:150px;
	height:1000px;
	margin-top:-1016px;

}
#menu ul
{	
	padding-top:100px;
	width:130px;
	list-style-image: url(../imagenes/big_30on.gif); 
}
#menu li a
{
	color: #fff;
	font: normal normal 14px sans-serif, Arial, Helvetica;	
	text-decoration:none;
}


#menu li a:hover
{
	color:#F20909;
}

[David]

Coloca el list-style-image en el selector de <li> en lugar de <ul>

[condesitadeirun]

Hola!

Lo inclui en #menu li { list-style-image: url(../imagenes/big_30on.gif); }

Y tampoco sale en IE

[willyfc]

quizá te ayude este ejemplo que coloque en otro hilo, es otra manera de hacerlo sin sin utilizar list-style-image

http://www.forosdelweb.com/f53/imagen-menu-horizontal-693749/#post2887374

solo tendrás que jugar un poco con las medidas para ver que posición deseas y quitar a la ul li la propiedad display:inline para que no se muestre en horizontal.