errore style css per IE 7

[mizar66]

ciao a tutti, ho un problema di visualizzazione quando apro l'home page con IE 7, talvolta si blocca anche il caricamento della pagina, tuttavia aspettando un bel po' di tempo al termine del caricamento la pagina appare tutta distorta e con i div fuori dal posto di origine.
mentre con Firefox o versione superiori ad IE 7 è tutto ok.
il sito è in asp classic, ho quindi aggiunto, per poter risolvere questo problema un codice asp che verifica la versione di IE quindi se un utente entra con la ver. 7 carica automaticamente un foglio di stile predefinito per IE 7.
A questo punto dovrei solo fare in modo che il foglio di stile sia conforme a questa versione, ma non saprei modificare questo css, facendo alcuni tentativi sembra che l'errore sia in questo frammento di codice:

-----------------------

#prodotti {
width: 980px;
background: #fff;
margin: 0;
padding: 0;
}
#prodotti ul {
list-style: none;
margin: 0;
padding: 0;
}
#prodotti li {
width: 300px;
height: 252px;
display: block;
float: left;
margin: 0 0 20px 20px;
position: relative;
padding: 0;
}
#prodotti span {
position: absolute;
width: 300px;
padding: 0px;
bottom: 0px;
left: 0px;
background: url(immagini/bg.png);
color: #FFF;
}
#prodotti .dettagli {
float: right;
color: #fff;
text-transform: lowercase;
padding: 0px 0px;
background: #f6abd6;
border: none;
border-radius: 10px;
text-shadow: 1px 1px 1px #000;
}

---------------
qualcuno può aiutarmi ? grazie

[Mich_]

Ti do una diritta, poi vedi tu come riesci ad usarla.

Anzitutto IE (dal 6 in poi) si comporta come i browser standard se li fai lavorare in modo standard, si comporta come IE5 se li fai lavorare in modo retrocompatibile (quirks).
Il tutto dipende dalla DTD: se usi una DTD Strict IE lavora in modo standard, se usi una DTD transitional lavora in quirks mode.

Tra le due modalilta` ci sono alcune differenze: quella che piu` scombina il layout e':
In modalita` standard la larghezza di un blocco e` data da width+padding+border+margin
In modalita` quirks-IE border e padding stanno all'interno di width
(per l'altezza e` la stessa cosa, ma l'impatto e` di solito non significativo)

[Mich_]

Scusate - post doppio a causa di un errore del sistema