HTML:
<HTML>
<HEAD>
<TITLE>PAGINA DE PRUEBA</TITLE>
<LINK href="estilo.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<DIV class=barra_naranja></DIV>
<DIV id=contenedor>
<p>Contenido...</p>
<p>Contenido...</p>
<p>Contenido...</p>
</DIV>
<DIV class=barra_naranja></DIV>
</BODY>
</HTML>
El hecho es que al ser visualizado en Firefox se ve tal y como quiero, pero al visualizarlo en Internet Explorer 6.0 la barra naranja se ve mas ancha como de 20px, aqui les dejo la hoja de estilos.
HOJA DE ESTILOS:
BODY {
background-color:#339966;
font-family:"Trebuchet MS", Arial, Tahoma;
}
.barra_naranja {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-right:#000000 1px solid;
border-left:#000000 1px solid;
background-color:#e79930;
width:780px;
height:10px;
}
#contenedor {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-right:#000000 1px solid;
border-left:#000000 1px solid;
background-color:#ffffff;
width:780px;
text-align:center;
}
#contenedor p {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
Espero sus sugerencias y gracias de antemano.