Problema div % e browser

[mrsponkie]

Salve a tutti , ho un problema nel quale sono fermo da alcune ore .

vorrei creare un div container con widht 100% , e al suo interno 2 div entrambi con widht 50% , che dividano esattamente la pagina a metà , una spostata a sinistra e una a destra . Ecco il codice come l'ho scritto io :

#container {
background-image: url(images/illustrazioni3.png);
background-repeat: repeat;
margin: 0px;
height: auto;
width: 100%;
padding: 0px;
}

#div1 {
background-image: url(images/illustrazioni3.png);
background-repeat: repeat;
width: 50%;
float: left;
height: 300px;
margin: 0px;
padding: 0px;
}

#div2 {
background-image: url(images/illustrazioni3.png);
background-repeat: repeat;
width: 50%;
height: 300px;
float: right;
margin: 0px;
padding: 0px;
}

Con Firefox tutto ok , mentre con Explorer vedo Div1 che mi prende tutta la pagina e sotto spostato a destra Div2 . Qualcuno può aiutarmi???

[mrsponkie]

Probabilmente ho risolto .

Non tenevo conto della regola del "pixel in meno" .

Le percentuali adattano il contenuto in base alla larghezza della finestra del browser bisogna però ricordare che tutti i siti vengono renderizzati su un monitor che utilizza i pixel e quindi converte ogni percentuale in questa unità di misura.In questo modo il valore ricalcolato da una percentuale potrebbe non essere un intero e venire arrotondato per eccesso causando problemi al layout .