Problem mit css-Spalte

für mein design lasse ich 3 Spalten durch divs entstehen, doch die 3. Spalte (also die ganz rechts) will im Mozilla Firefox einfach nicht sein wo sie sein soll.

Im IE in etwa so:
Links| Mitte |Rechts

Im Mozilla Firefox:
Links| Mitte
Rechts

Liegt wahrscheinlich wieder an einem nicht 100% validen css code, doch ich kann den fehler nicht finden. Hoffe ihr könnt mir weiterhelfen

CSS#rahmen { text-align:left; width:900px; border:1px solid black; margin:auto; background-image:none; background-color:#444444; padding:6px; } #logo { margin:auto; text-align:center; } #left { width:145px; float:left; padding:3px; } #center { border-left:1px solid black; border-right:1px solid black; width:550px; float:left; padding:3px; } #right { width:145px; float:clear; padding:3px; }
HTML[HTML]

Links
Mitte
Rechts
[/HTML]

[html]
#rahmen {
text-align:left;
width:900px;
height:100%;
border:1px solid black;
margin:auto;
background-image:none;
background-color:#444444;
padding:6px;
}
#logo {
margin:auto;
text-align:center;
}
#left {
width:145px;
float:left;
padding:3px;
}
#center {
text-align:center;
border-left:1px solid black;
border-right:1px solid black;
width:550px;
float:left;
padding:3px;
}
#right {
width:145px;
float:right;
padding:3px;
}
[/html]

danke, so geht es jetzt.