Hola, alguna vez ya había tenido los famosos problemas con la maquetación en IE, pero esta vez si que no sé como arreglar lo que me pasa...
en Chrome y Firefox vereís que se ve perfecto todo:
Pero en Internet Explorer...
Aquí dejo el codigo CSS:
Código:
body
{
margin:0;
padding:0;
width:100%;
height:100%;
}
div#cabezal
{
width:90%;
height:12%;
background-color:#222222;
text-align:left;
padding-top:2%;
padding-bottom:2%;
padding-left:5%;
padding-right:5%;
color:white;
line-height:22px;
font-family:arial;
border-bottom:2px solid black;
font-size:14px;
}
div#logosrs
{
width:28%;
float:right;
}
div#contenido
{
width:92%;
padding-top:4%;
padding-left:4%;
padding-right:4%;
font-family:arial;
background-color:#f0f0f0;
color:#6d6d6d;
font-size:18px;
text-align:left;
}
div.btn
{
padding-top:6px;
width:256px;
height:30px;
font-family:Swatch it;
background-image:url("../img/btn.png");
text-align:center;
}
div.btnhover
{
padding-top:6px;
background-image:url("../img/btn_h.png");
background-repeat:no-repeat;
width:256px;
height:30px;
font-family:Swatch it;
text-align:center;
}
div.btn a
{
color:#222222;
text-decoration:none;
}
div.btnhover a
{
color:#f0f0f0;
text-decoration:none;
}
div#footer
{
margin:0 auto;
text-align:center;
width:90%;
padding-top:2%;
padding-bottom:2%;
font-size:13px;
}
hr#hrfooter
{
color:#222222;
width:100%;
}
Alguna idea o indicación de que puede ocurrir y como arreglarlo?
gracias.