Salve a tutti.

Sto cercando di incorporare una pagina di un sito esterno nel mio sito. Per questioni puramente estetiche sto cercando di inquadrare solo la porzione che mi serve.

A tal scopo ho scritto questo codice:


<div style="overflow:hidden; position:relative; width:670px; height:960px;">
<div style="width:670px; position:absolute; top:-535px; left:0px; z-index:1;">
<iframe frameborder="0" src="http://servicesport.calcio.leonardo.it/calcio/index.php?pmnvc=campionati&popzcamp=comitato&pidco m=PPO&pidcat=PG2&pidgir=A&pcont=1&pag=gironeauto&s pag=risultati&pgio=1&pandrit=A&puff=S" height="1495" width="670" scrolling="no">
</iframe>
</div>
</div>


Il codice in questione funziona perfettamente su Explorer ma non viene correttamente riconosciuto da Firefox e da Safari.

Dove sbaglio?