[css]:probelma con div

[Whitecrowsrain]

ho tre div così disposti:

(primo)(secondo) 
(    terzo     )

e questo è il loro codice:

#primo{
 position :absolute;
 top : 150px;
 left: 12px;
 width:300px;
}
#secondo{
 position :absolute;
 top : 150px;
 right : 12px;
 text-align:right;
 width:300px;
}
#ter<o {
 margin : 1em;
 min-heigth:500px;
 font : normal 1em/1.4em Arial,sans-serif;
}

ora il mio problema è che il primo div non ha una altezza prefissata xò c'è una distanza prefissata del 3°div dal margine top (margin:1em).
Se riempio il primo div oltre la distanza del 3° dal margine alto, questo mi va ad invadere il 3°div(si sovrappone...)come posso evitare questo spiacevole inconveniente?

[floyd46]

prova a dare un clear:both al div che sta in basso.
usa anche min-height ai 2 box.
ciao

[Whitecrowsrain]

Originariamente inviato da floyd46
prova a dare un clear:both al div che sta in basso.
usa anche min-height ai 2 box.
ciao

ho provato con clear ma nulla,
min-height lo vede solo firefox...