sto cercando di "convertire" il mio sito impaginato con tabelle ad un modella table-less con i css... ma ho qualche problema con la larghezza dei div:

ho un contenitore largo 750px nel quale inserire 4 contenitori affiancati (2 sopra e 2 sotto) che lo occupino per intero.... il problema è che la cosa funziona diversamente sui diversi browsers con cui l'ho provato (ie6, firefox, opera)... perchè????

sotto posto il codice css:

div#contentitoreMain {
width: 750px;
heigth: 550px;
overflow: visible;
background: #FFFFFF;
}

div#div1 {
float: left;
width: 150px;
heigth: 85px;
overflow: hidden;
border : 1px solid #666666;
}

div#div2 {
float: right;
width: 600px;
heigth: 85px;
overflow: hidden;
background: #CCCCCC;
border : 1px solid #666666;
}

div#div3 {
float : left;
width: 150px;
heigth: 465px;
overflow: visible;
background: #CCCCCC;
border : 1px solid #666666;
}

div#div1-4 {
float : right;
width: 600px;
heigth: 465px;
overflow: visible;
border : 1px solid #666666;
}