Maincontainerborder wird nicht angezeigt

[matibaski]

Moin!
Ich entwickle gerade ein neues Design.
Und da habe ich für den Inhalt in der Mitte einen Container gesetzt, indem 3 gefloatete Container sind.
Nun geht der Rahmen oben über ein Top-Container um die links und ganz rechts gefloteten Container, oben über den mittleren Container für den Inhalt.
Sieht quasi so aus, als wär das ein Dach und auf der Seite zwei Säulen.

Doch wenn ich den Border bei den 2 äusseren gefloteten Containern setze, ist der nicht identisch auf der gleichen Linie, wie oben, da diese Container in einem anderem Container sind.

Nun habe ich den linken Rahmen beim ganz linken Container weggenommen und einen border-left beim Container um die 3 gesetzt, ebenso auf der rechten Seite. Doch: Die Rahmen links und rechts werden nicht angezeigt.

Wieso?

also hier ist der Code

#middle {
width:90%;
height:auto;
margin-left:auto;
margin-right:auto;
border:0px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-bottom:30px;
}

 /* Container in #middle */
 #left {
 width:20%;
 height:450px;
 float:left;
 border:1px solid #ffffff;
 border-top:0px;
 border-left:0px;
 background:transparent;
 }
 
 #content {
 width:60%;
 height:auto;
 min-height:450px;
 border:0px;
 border-top:1px solid #ffffff;
 float:left;
 }
 
 #right {
 width:19%;
 height:450px;
 float:left;
 border:1px solid #ffffff;
 border-top:0px;
 border-right:0px;
 background:transparent;
 }

Hier die HTML

<div id="middle>
 <div id="left"></div>
 <div id="content"></div>
 <div id="right"></diva<
</div>

MfG, matibaski