formattare un iframe con CSS

[Ciombe]

Salve a tutti,
sono che sono deprecati, ma per esigenze del mio cliente ho dovuto inserire un iframe in una pagina.
ho provato a formattarlo con questo codice

.iframeHome {
margin: 0px;
padding: 0px;
height: 448px;
width: 668px;
border: 1px solid #CCCCCC;
overflow-y: auto;
overflow-x: hidden;
}

quello che vorrei fare è fare in modo che dove necessario ci sia solo lo scroll verticale e venga nascosto quello orizzontale.

Missione compiuta in Firefox e Explorer ma su Safari invece ho quel fastidioso scroll orizzontale.

Come posso fare per far si che anche su Safari lo sroll orizzontale non sia visualizzato?

[fcaldera]

gli iframe non sono affatto deprecati (ti confondi con i frames/framesets).

comunque prova a specificare
overflow-x: hidden !important;

mi è già successo di dover ricorrere a questa clausola per vincere le impostazioni di default in alcune vecchie versioni di safari. Altrimenti servirebbe vedere un esempio di pagina per vedere il problema.

[Ciombe]

nonostante abbia inserito !important non ho risolto il problema.

ti inserisco il css della pagina inserita nell'iframe

<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 668px;
}
table {
width: 648px;
background-repeat: repeat-x;
background-position: top;
margin: 0px;
padding: 0px;
}
#titolo {
width: 430px;
float: left;
height: 40px;
line-height: 40px;
background-image: url(GraficaSito/bg_voce.png);
padding-right: 10px;
padding-left: 10px;
color: #FFFFFF;
margin: 0px;
}
#opzioni {
float: left;
width: 190px;
height: 40px;
margin: 0px;
padding: 0px;
}
h1 {
font-size: 16px;
font-weight: bolder;
margin: 0px;
padding: 0px;
}
p {
margin: 0px;
padding: 0px;
}
.divPaginazione {
margin-bottom: 15px;
padding-top: 5px;
padding-bottom: 5px;
clear: both;
}
-->
</style>


nonostante ogni margine sia al di sotto della larghezza di 668 pixel, continuo a vedere la barra di scorrimento orizzontale.