Hola a todos, tengo un pequeño problema con una hoja de estilo, hoja es esta:
Código:
body{
background-color: Teal;
padding:10px;
border:0;
}
#contenedor{
width:50%;
margin:0 auto;
padding:20px;
background-color: #BB8C1E;
border:2px solid black;
}
#header{
height:200px;
background-image: url(header.jpg);
border:1px solid black;
}
#menu{
height:25px;
background-color: #325756;
border:1px solid black;
margin-bottom: 10px;
}
#contenedor1{
width:65%;
height:400px;
background-color:#DBB124;
border:1px solid black;
margin: 0 2% 2% 0;
float:left;
}
#contenedor2{
width:32%;
background-color:#F5FFD1;
border:1px solid black;
height:195px;
float: right;
}
#contenedor3{
width:32%;
background-color: #F5FFD1;
border:1px solid black;
height:195px;
float: right;
margin-top: 10px;
}
.title{
text-indent: 5px;
margin:0;
background-color: #cccccc;
font-weight: bold;
border-bottom:1px solid black;
}
#foot{
background-color:#DBB124;
border:1px solid black;
margin-top:10px;
height:25px;
clear: both;
}
a:hover{color: red;}
a:active{color: white;}
a:link{color:white;}
a:visited{color: Lime;}
El problema es que en IE no se centra, se queda al lado izquierdo en los dmas navegadores si se ve bien, alguien me podria decir como hago para que quede centrado y de paso si pueden ver el codigo a ver si hay algo mal, Saludos y gracias de ante mano.
PD: la pagina donde esta el html es
http://www.freewebs.com/andreti68/index4.htm