3Spalten, gleiche Länge

[maggie]

Hallo!
Ich habe 3Spalten (2x float: left, 1x float: right) mit unterschiedlichem Hintergrund und verschiedenen Inhalten (wird mit php-Dateien bestückt), die jedoch immer in gleicher Länge (height) erscheinen sollen.
CODE:
#leftColumn{
    float: left;
    width: 150px;
    margin:0; padding:0;
    background-color: #eeeeee;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
#middleColumn{
      float: left;
    width: 320px;
    background-color: #990000;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #990099;
}
#rightColumn{
    float: right;
    width: 200px;
      color: black;
      background-color: #CCCCCC;
     text-align: left;
     line-height: 1.5em;
    margin:0; padding:0;
       border-left: 1px solid rgb(216,210,195);
}
.cleaner {
        clear:both;
        height:1px;
        font-size:1px;
        border:none;
        margin:0; padding:0;
        background:transparent;
}
Habe schon viel mit clear: both rumprobiert, aber finde nicht die Lösung.
Wie funktionierts???
Danke für Eure Hilfe.
Gruß, Maggie