salve,

in questo sito http://www.museodiartepovera.com/tmp/ che sto facendo ho incontrato un problema di margini che apparirebbero diversi tra firefox e gli altri browser. in pratica la parte alta che ha una larghezza diversa dalla parte bassa andrebbe centrata utilizzando i margini di modo che risulti allineata alla parte bassa questo è il codice:

Codice PHP:
html>
<head>
<title>Artigiano Del Legno - Porte e Serramenti Vari</title>
<style>
body{background: url(img/sfondo-pagina.jpg);text-align:center;}
div#padre-contenitore{ margin:auto auto; width:900px}

div#contenitore-testa{}
div#testa{ width:905px; height:390px; background: url(img/head.png) center no-repeat;}

div#contenitore-contenuti{}
div#contenuti{background: url(img/sfondo-contenuti.png) repeat-y;   width:806px; height:250px; margin-left:76px}

div#contenitore-piede{}
div#piede{ background: url(img/piede.png) no-repeat; width:806px; height:158px; margin-left:76px}

div#menu{text-align:left}

a{text-decoration:none; border:none;}
img{border:none}

.testo{width:750px; text-align: justify; margin-left:12px; }

div#testa div.testo{text-align: justify; width:470px; margin-right:80px; padding-top:220px; float:right; display:block}
div#menu{width:100px; margin-left:100px; padding-top:170px; float:left; display:block}

</style>
<script type="text/javascript">

</script>
</head>
<body>

<div id="padre-contenitore">

<div id="contenitore-testa">
<div id="testa">
<div id="menu">[img]img/chi.gif[/img]</div>
<div class="testo">

s dfsdf sdf sfsfs fs fsfswfs fsdf sfs 
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfsdf sdf sfsfs fs fsfswfs fsdf sfs
s dfs
</div>
</div>
</div>

<div id="contenitore-contenuti">




<div id="contenuti">


<div class="testo">

</div>
</div>


</div>


<div id="contenitore-piede">
<div id="piede"></div>
</div>

</div>


</body>
</html> 
come risolvere?

mille grazie