que tal ? nuevamente yo con mis problemas de newbie :P
Mi problema es el siguiente,tengo un menu sencillo,rectangular que ocupa el ancho de la pagina,ahora bien en los navegadores Firefox y Chrome puedo visualizarlo bien,sin embargo en IE 8 se ve cortado,alguna de las propiedades CSS no estan siendo tomadas me imagino yo.
Como aclaración les cuento que el modelo de la pagina la saque de una plantilla y luego la fui modificando...
El css es el siguiente:
#menu {
float:left;
line-height:0.001%;
line-width:0.01%;
width: 94%;
background: rgb(255,204,0) url(../images/fondomenu.png) repeat-x top left;
font-family: Oswald, sans-serif;
left: 0;
bottom: 0;
padding: 0 3% 0 3%;
border-top: solid 0.1% rgb(0,0,0);
border-bottom: solid 0.1% rgb(255,204,0);
height: 1%;
}
#menu a {
color: #FFFFFF;
text-transform: capitalize;
font-size: 1.2em;
letter-spacing: -1px;
text-decoration: none;
text-shadow: 0px 1px 1px #590200;
padding-top:0.5px;
padding-bottom:0.1px;
padding-right:15px;
padding-left:1px;
float:rigth;
height: 1%;
}
#menu ul {
list-style: none;
float:rigth;
}
#menu ul li {
display: inline;
float:rigth;
}
#menu ul li.first {
padding-left: 0;
}
Si alguien me puede guiar un poco sobre las propiedades que no me aceptaria Internet Explorer me seria de mucha ayuda :) saludos!