Ciao a tutti,
ho un problema con un css relativo ad un div.
Ho una struttura in cui necessito di un DIV che prenda il 100% della larghezza dello schermo e fin qui non c'è problema. Questo div contiene un'animazione flash che è larga 1800px e ho impostato il css in modo che il div prenda le dimensioni dello schermo e non quello del contenuto. Qui arriva il problema, se nel css relativo al div inserisco "position:absolute" in Internet Explorer vedo tutto ok ma in firefox il div non prende la larghezza del 100% dello schermo ma quella dell'animazione flash (1700px) visualizzando così un fastidiosissimo scroll orizzontale sulla pagina che mi rovina tutto.
Se levo il "position:absolute" accade il contrario: in Firefox tutto ok ma in Explorer ho lo scroll...

C'è un modo per far si che in base al browser venga inserito o meno il "position:absolute"?
O c'è un modo per validare il css per entrambi i browsers?

Di seguito riportato il css relativo al div incriminato:

così il css funge per explorer
codice:
<div style="overflow-x:hidden; width:100%; height:300px; position:absolute; margin-left:0; ">

</div>
così invece per firefox
codice:
<div style="overflow-x:hidden; width:100%; height:300px; margin-left:0; ">

</div>
Grazie a tutti!
Poser