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