errore allineamento div

[lukedesign]

errore allineamento div

ho un problema con il css riguardante l'allineamento dei div. con IE6 si visualizzava tutto correttamente ma con IE7 e firefox i div risultano fuori allineamento per tanto vi segnalo il link per rendere l'idea: lukedesign.altervista.org/io.php e questo è il css:

/* CSS Document */
body{
    background-color:#dddddd;
 text-align:center;
}
.Stile1 {
 color: #e10078;
 font-weight: bold;
}
.Stile2 {
 color:;
 font-style: italic;
}
h4{
 color:;
 }
 
#header{
    height: 190px;
    width: 800px;
}
#news{
    height: 200px;
    width: 800px;
 background-image: url(immagini/sfondocont.png);
}
.fl { float: left; display: inline; }
#sidebar_left {
 width: 250px;
 height: 200px;
 border: 1px dotted #dddddd;
 background-image: url(immagini/news.png);
 background-repeat: no-repeat;
}
 
#sidebar_right {
 width: 545px;
 height: 200px;
 border: 1px dotted;
}
 
#etichetta{
    height: 3px;
 width: 800px;
}
#contenitore{
 height: 20px;
 width: 780px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #999999;
 padding-left:10px;
 padding-right:10px;
 background-image: url(immagini/sfondocont.png);
}
#footer{
 height: 20px;
 width: 800px;
 background-color:#cccccc;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 }