Hola Rutador, estuve viendo tu problema, y creo haber logrado que se vea bien en ambos browser.
<style>
body {
font: .9em Arial, "Trebuchet MS", Tahoma, sans-serif;
line-height: 1.6em;
background: #F0BA00;
color:#000;
}
#contenido{
text-align:center;
margin:0 0 0 0 ;
background:#000;
}
#index {
text-align:left;
margin: 0 auto;
background:#fff;
position:relative;
width:973px;
height:540px;
padding-left:9px;
padding-top:10px;
}
#caja1 {
float:left;
width:50%;
height:98%;
background:#CF7E05;
}
#caja2 {
width:49%;
height:98%;
float:left;
background: #DDD;
}
</style>
<div align="center">
<div id="index">
<div id="caja1">Caja 1</div>
<div id="caja2">Caja 2</div>
</div>
</div>
el problema esta, en que si usamos valores fijos, como 452px ambos browsers los toman distintos, es por eso que use valores porcentuales.
Saludos