gente hice un menu horizontal con imagenes usando html y css
El problema es que con el chrome me sale bien, aquí esta la imagen:
[URL="http://www.imagengratis.org/?v=chromegv2vg.jpg"]http://www.imagengratis.org/?v=chromegv2vg.jpg[/URL]
Pero en el Internet explorer 8 me sale sin la imagen derecha:
[URL="http://www.imagengratis.org/?v=explorer8.jpg"]http://www.imagengratis.org/?v=explorer8.jpg[/URL]
Lo que quiero es que me aparezca completo el menu en el IE como está en el chrome
El codigo html es:
<div>
<div id="elmenu1">
<a href="#"><span>Puntos 2xX</span></a>
</div>
<div id="elmenu">
<a href="#"><span>Canjear puntos</span></a>
<a href="#"><span>Estadísticas</span></a>
<a href="#"><span>HIstorial</span></a>
</div>
</div>
El codigo del CSs:
#elmenu {
position:relative;
top:0px;
left: 4px;
}
#elmenu a {
display:block;
float:left;
margin-left: 20 px;
}
#elmenu span {
display:block;
float:left;
background:transparent url('../botones/images/derecha.png')top right no-repeat;
padding-right: 38px;
cursor:pointer;
padding-top:6px;
padding-bottom:10px
;
}
#elmenu a:link, #elmenu a:visited {
padding-left: 38px;
background:transparent url('../botones/images/relleno.png') 0px 0px no-repeat;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
margin: 1px;
}
#elmenu1 {
position:relative;
top:1px;
left:12px;
}
#elmenu1 a {
display:block;
float:left;
margin-left: 20 px;
}
#elmenu1 span {
display:block;
float:left;
padding-right: 25px;
cursor:pointer;
padding-top:6px;
padding-bottom:10px
;
}
#elmenu1 a:link, #elmenu1 a:visited {
padding-left: 35px;
width: 113px;
background:transparent url('../botones/images/rellenoazul.png') 0px 0px no-repeat;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
Desde ya gracias