Hola¡¡ les cuento que mi cabeza ya no puede mas hace dos dias que estoy renegando,hoy tiro la toalla jajaja.Estoy haciendo una pagina para un proyecto pero con tablas(pense que era mas facil)¡¡¡¡ pero me esta costando.El problema es el siguiente

<table align="center" width="980" cellspacing="2" cellpadding="2" border="0" bgcolor="#fdf5e0">
<tr>
<td colspan="3"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="980" height="138" id="LOGOCHICO" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="LOGOCHICO.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#cbd89f" />
<embed src="LOGOCHICO.swf" quality="high" bgcolor="#cbd89f" width="980" height="138" name="LOGOCHICO" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></td>
</tr>
<tr>
<td rowspan="2" width="409" height="527"><img src="images/imagen1f.png" alt="infiltrator"></td>
<td rowspan="2" width="35" height="443"><img src="images/linea.png"></td>

</tr>
<tr>
<td width="524" height="395"class="box1"></td>
</tr>
<tr>
<td height="440"class="box2" colspan="2"></td>
<td width="524" height="371"><img src="images/imagen2f.png" alt="cámaras septicas"></td>
</tr>
</table>
codigo css

.box1{
background-image: url(images/fondo-botonbox1.png);
background-repeat: no-repeat;
background-position: center top;
text-align: center;



}
.box2{
background-image: url(images/fondo-botonbox2.png);
background-position: center;
background-repeat: no-repeat;
}
el tema es que no puedo centar el background del box1 con el navegador firefox porque con explorer se ve bien.
Desde ya muchas gracias