Problemino con layout a tre colonne

[riccardone]

Sto cercando di sbrogliare un problema di allineamento orizzontale di tre div in un layout a tre colonne. La colonna di destra non ne vuol sapere di stare all'altezza delle altre.
Dove sto sbagliando?

Ecco un esempio di codice html

<div id="main">
        <div id="column_wrapper" class="tre_col">
            <div id="column_left">
            </div>
            <div id="column_center">
            </div>
            <div id="column_right">
            </div>
        </div>
    </div>

ed ecco un esempio di css

.tre_col #column_center
{
margin:0 300px; 
padding:1em 10px;
border:1px solid green;
}

.tre_col #column_left
{
float:left;
width:290px; 
padding:1em 0 0 10px;
border:1px solid red;
}

.tre_col #column_right
{
float:right; 
width: 290px; 
padding:1em 5px;
border:1px solid #CCC;
}

grazie