Probleme mit dreispaltigem Layout

Hallo zusammen,
ich bin relativ neu in der css- und Joomla-Welt und stosse bereits jetzt an meine Grenzen.
Ich möchte meine Website mit einem dreispaltigem Layout aufbauen. Links eine Navigation, in der Mitte der Content und rechts eine Info-Spalte.

So, jetzt zu meinem Problem. Die Info-Spalte fällt immer auf die nächste Zeile, anstatt, wie vorgesehen, oben zu bleiben. Die css-Datei ist wie folgt:


body {
text-align: center;
background-color: #orange;
}

#page {
width: 1050px;
height: 800px;
background-color: #FFF;
margin: 40 auto;
text-align: left;
border: groove;
}

#Bereich 1 {
height: 140px;
width: 1050px;
}

#head-left {
height: 140px;
width: 840px;
float: left;
background-color: #3F0;
}

#head-right {
margin-left: 840px;
height: 140px;
width: 210px;
background-color: #C60;
}

#Bereich 2 {
width:1050px;
height: 20px;
}

#top{
height: 20px;
border-bottom: 1px solid;
}

#Bereich 3 {
width: 1050px;
height: 530px;
margin-top: 10px;
}

#left {
float: left;
width: 210px;
background-color: #fff;
}

#content {
margin: 0 225px 0 225px;
background-color: #fff;
}

#right {
float: right;
width: 210px;
background-color: #fff;
}


Hier noch die sich im Aufbau befindende Website.
[url:2un9og3r] neu.kobo-kobo.net/ [/url]


Könnt ihr mir bitte weiterhelfen?
Gruss Michael1990

float gilt nur für nachfolgende Elemente. Du hast einfach die falsche Reihenfolge gewählt. #content muß nach #right ausgegeben werden.

Danke vielmal für die schnelle Antwort! Jetzt funktionierts.

Gruss Michael1990