Ciao gente,
sto realizzando un sito con l'ausiolio di CSS per posizionare alcuni elemnti grafici ma sembra che abbiano grossi problemi ad essere visualizzati con un browser diverso da IE.
Il link è:
http://ocean.fauser.it/test/mimesi/welcome2.htm
il codice CSS è questo:
body {background-color: #4b4b4b; margin:0 0 0 0; text-align: center; vertical-align: middle}
.main {padding: 0; margin: 0 0 0 0; border: 0; position: relative;}
.sfondo{float: left; z-index: 1; vertical-align: top; padding: 0; margin: 0 0 0 0; position: relative; top: -10px; left: 5%;}
.testo_scorrevole{position: relative; z-index: 2; top: 30%; left: -50%; color: #ffffff; font-family: verdana; tex-align: justify; font-size: 11px;}
.q1{position: relative; z-index: 2; top: 32%; left: -34%;}
.q2{position: relative; z-index: 2; top: 28%; left: -26%;}
.q3{position: relative; z-index: 2; top: 40%; left: -16%;}
.q4{position: relative; z-index: 2; top: 10%; left: 4%;}
.q5{position: relative; z-index: 2; top: -20%; left: 66%;}
.q6{position: relative; z-index: 2; top: -6%; left: 62%;}
Come mai ci sono tutte quelle incompatibilità? Cosa posso fare per risolvere il problema e rendere il layout visibile o almeno navigabile con gli altri browser?
Grazie mille