Problema browser diversi

[poser]

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

<div style="overflow-x:hidden; width:100%; height:300px; position:absolute; margin-left:0; ">

</div>

così invece per firefox

<div style="overflow-x:hidden; width:100%; height:300px; margin-left:0; ">

</div>

Grazie a tutti!
Poser

[poser]

ho provato anche con questa sintassi,

<![if !IE]>
css per firefox
<![endif]>
<![if IE]>
css per IE
<![endif]>

ma stranamente firefox non ignora il blocco di istruzioni contenuto in <![if IE]> <![endif]>
grrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr rrrrrrrrrrrrrrrrrrrrrrr

qualcuno ha qualche consiglio???

[Mich_]

Dove hai pescato quella sintassi?

Prova con questa:

 CSS per tutti tranne IE