Björn: Mitte mit fester Breite

Beitrag lesen

Hallo,
habe folgendes Problem. Möchte CSS Layout erstellen mit folgendem Aufbau:

[links1: variable][mitte1: fest auf 779px][rechts1: variable]
[links2: variable][mitte2: fest auf 779px][rechts2: variable]
[links3: variable][mitte3: fest auf 779px][rechts3: variable]

Versuche nun als einfachen Einstieg erst einmal folgendes zu realisieren:

[links1: variable][mitte1: fest auf 779px][rechts1: variable]

Mein Problem ist nun, dass wenn ich die Hintergrundfarbe von links1 und rechts1 definiere, diese nicht über den gesamten variablen Bereich von links1 geht sondern nur über meinen kurzen Beispieltext (2 Zeichen).

Hier mein ccs file und die index.php (Ausschnitt).

CSS:
html {
padding:0px;
margin:0px;
}

body {
background-color: #e1ddd9;
font-size: 12px;
color:#564b47;
text-align:center;
margin:0px;
padding:0px;
}

div#site {
    font-size: 0.9em;
}

div#top_left {
    float: left;
    background-color: #584026;
}

div#top_right {
    float: right;
    background-color: #584026;
}

div#top_middle {
    width: 797px;
    margin-right: auto;
    margin-left: auto;
    background-color: #000;
}

index.php  (Ausschnitt):
<body>
<div id="site">
   <div id="top_right">
tr
   </div>
   <div id="top_left">
tl
   </div>
   <div id="top_middle">
tm
   </div>
</div>
</body>