Salve, sto impazzendo causa il maledetto IE6 (che ancora tanta gente utilizza).
Sto semplicemente cercando di suddividere un blocco in tre colonne con la centrale che si adatta in base alla larghezza del browser.
Di seuito il codice.

IL CSS
------
#body {
width: 100%;
margin: 0px auto 0px auto;
clear: both;
}
.rowClass {
clear: both;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
font-size: 0px;
}
.leftColClass {
float: left;
height: 100%;
}
.rightColClass {
float: right;
height: 100%;
}
.centerColClass {
width: auto;
height: 100%;
}
#topcontent {
width: 100%;
height: 500px;
}
#topcontent .leftColClass {
width: 4px;
border-left: 3px solid #030303;
background-color: #1a1a1a;
}
#topcontent .rightColClass {
width: 4px;
border-right: 3px solid #030303;
background-color: #1a1a1a;
}
#topcontent .centerColClass {
background-color: #1a1a1a;
}

L'HTML
-------
<div id="body">
<div id="top" class="rowClass">
<div id="topcontent" class="rowClass">
<div class="leftColClass"></div>
<div class="rightColClass"></div>
<div class="centerColClass"></div>
</div>
</div>
</div>

Funziona benissimo in IE7, FF, Opera, Safari. IE6 mi aggiunge un spazio orizzontale tra i div left, right e center. Le sto provando tutte.

Grazie