Espero que me puedan ayudar.
Les dejo dos imagenes para que vean la diferencia entre IE y Firefox al momento de ver la web.
en ie:
en firefox:
como pueden ver en firefox pierdo las 2 barras de los costados. el porque es el siguiente esas barras tienen en el codigo css que de height:100%; pero con esto las pierdo si les coloco un valor por ejemplo 600px; estas aparecen perfectamente, asi que no entiendo porque no toman el 100% del div padre.
Les dejo mi codigo por si lo quieren vichar.
Saludos
Código HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sitio Oficial de Pandas Granite - Uruguay</title>
<link rel="stylesheet" type="text/css" href="stilos.css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<!-- DIV PRINCIPAL -->
<div id="divPrincipal">
<!-- DIV CABECERA -->
<div id="divCabecera">
<div id="divBordeICabecera"></div>
<div id="divCentroCabecera">
<div id="logo"></div>
</div>
<div id="divBordeDCabecera"></div>
</div>
<!-- DIV BANNER -->
<div id="divContenido">
<div id="divCostIzq"></div>
<div id="bannerCont">
<div id="divBanner">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="843" height="333">
<param name="movie" value="banner.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="banner.swf" width="843" height="333">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<div id="divContPag">
<div id="divContPagSup">
<div id="divContPagSupI"></div>
<div id="divContPagSupM">
<div id="divContPagSupEstrella"></div>
</div>
<div id="divContPagSupD"></div>
</div>
<div id="divContPagMedio">
<div id="divContPagMedioI"></div>
<div id="divContPagMedioM"></div>
<div id="divContPagMedioD"></div>
</div>
<div id="divContPagInf">
<div id="divContPagInfI"></div>
<div id="divContPagInfM"></div>
<div id="divContPagInfD"></div>
</div>
</div>
</div>
<div id="divCostDer"></div>
</div>
<div id="pie">
<div id="pieIzq"></div>
<div id="pieMedio"></div>
<div id="pieDer"></div>
</div>
<!-- FIN DIV PRINCIPAL -->
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>Código :
@charset "utf-8";
/* CSS Document */
body{
background-color:#CCC;
text-align:center;
margin:10px auto 10px auto;
}
#divPrincipal{
width:900px;
background-color:#000;
margin:0 auto 0 auto;
}
<!-- CABECERA -->
#divCabecera{
height:106px;
background-color:#000;
float:left;
}
#divBordeICabecera{
width:28px;
height:106px;
background-image:url(images/bordeSupeIzq.png);
float:left;
}
#divCentroCabecera{
width:843px;
height:106px;
background-image:url(images/bordeSup.png);
background-repeat:repeat-x;
float:left;
}
#logo{
width:155px;
height:88px;
background-image:url(images/logoSup.png);
margin-top:13px;
float:left;
}
#divBordeDCabecera{
width:29px;
height:106px;
background-image:url(images/bordeSupd.png);
float:left;
}
<!-- TERMINAMOS CON LA CABECERA -->
<!-- BANNER -->
#divContenido{
width:900px;
height:600px;
background-color:#000;
float:left;
}
#bannerCont{
width:843px;
background-color:#000;
float:left;
}
#divBanner{
width:843px;
background-color:#000;
float:left;
}
#divCostDer{
width:29px;
[b]height:100%;[/b]
background-image:url(images/costadoDer2.png);
background-repeat:repeat-y;
float:left;
}
#divCostIzq{
width:28px;
[b]height:100%;[/b]
background-image:url(images/costadoIzq2.png);
background-repeat:repeat-y;
float:left;
}
<!-- CONTENIDO -->
#divContPag{
width:843px;
padding-top:20px;
}
#divContPagSup{
width:843px;
height:67px;
float:left;
}
#divContPagSupI{
width:42px;
height:67px;
background-image:url(images/bordeSupI.png);
float:left;
}
#divContPagSupM{
height:67px;
width:759px;
background-image:url(images/bordeSuup.png);
background-repeat:repeat-x;
float:left;
}
#divContPagSupD{
width:42px;
height:67px;
background-image:url(images/bordeSupDe.png);
float:left;
}
#divContPagSupEstrella{
width:61px;
height:67px;
background-image:url(images/estrella.png);
float:right;
}
#divContPagMedio{
width:843px;
height:150px;
float:left;
}
#divContPagMedioI{
width:42px;
height:100%;
background-image:url(images/costadoI.png);
background-repeat:repeat-y;
float:left;
}
#divContPagMedioM{
width:759px;
height:100%;
background-color:#FFF;
float:left;
}
#divContPagMedioD{
width:42px;
height:100%;
background-image:url(images/costadoD.png);
float:left;
}
#divContPagInf{
width:843px;
height:42px;
float:left;
}
#divContPagInfI{
width:42px;
height:37px;
background-image:url(images/bordeInfI.png);
float:left;
}
#divContPagInfM{
width:759px;
height:37px;
background-image:url(images/bordeInf.png);
background-repeat:repeat-x;
float:left;
}
#divContPagInfD{
width:42px;
height:37px;
background-image:url(images/bordeInfD.png);
float:left;
}
#pie{
width:900px;
height:45px;
background-color:#000;
float:left;
}
#pieIzq{
width:28px;
height:45px;
background-image:url(images/bordePieIzq.png);
float:left;
}
#pieMedio{
width:843px;
height:45px;
background-image:url(images/bordePieMedio.png);
background-repeat:repeat-x;
float:left;
}
#pieDer{
width:29px;
height:45px;
background-image:url(images/bordePieDer.png);
float:left;
} 
