help per CSS e Internet Explorer 6...2 cavolatine...

[sphinx]

Ciao a tutti!!

Allora, sto facendo un sito ad un amico e ora devo solo sistemarlo graficamente.
( http://www.vivi-modena.it/cemac/ )
Ho creato 2 semplicissime strisce , sotto al titolo, a cui ho dato l'ID "striscia1" e "striscia2", molto semplicemente.
E il codice css è:
#striscia1{
margin:0px;
background-color:White;
height:5px;
}
#striscia2{
margin:0px;
background-color:#000099;
height:5px;
}

MA mentre con Firefox e con IE7beta, le 2 strisce vengon bene, con IE6 NO!! vengono molto + grosse e rovinano tutta la grafica!!
Sapete mica dirmi cosa potrei fare??

Grazie !!!

(Ah, è OT, ma ne aprofitto: per un sito così, che offre quelle possibilità di catalogazione e di confronto, ... e qualcos'altro di dinamico, ... quanto sarebbe il prezzo da chiedere?? grazie ancora!)

[Taba82]

io con IE6 lo vedo giusto.
firefox e ie.. stesso risultato.. le 2 striscie sono alte 5px.
non so xche' tu non lo vedi bene.

ciao

[sphinx]

sì, grazie, perchè ho modificato il css sotto istruzioni di un amico. E' un escamotage, ma funziona solo così ..

#striscia1{
margin:0px;
padding:0px;
border-top:5px solid white;
}
#striscia2{
margin:0px;
padding:0px;
border-top:5px solid #000099;
}

se invece avessi dato come HEIGHT:5px IE6 non me lo dava. sotto di una certa altezza non mi scende (mentre se davo altezza 20 px me la settava giusta, ad esempio)

[Mich_]

IE prova sempre a metterci almeno un carattere (sa lui cosa): se il carattere e` piu` alto del height, forza l'height ad essere almeno quanto il carattere.

Quindi per fare un blocco molto basso, occorre anche definire:
font-size: 1px;