Die absolute Positionierung brauchst du doch nicht. Nimm sie raus und arbeite im normalen Dokumentenfluss.
Gib #left und #right eine feste Breite und float: left/right;
#middle gibst du
keine Breite (bzw. min-width: 600px wegen des Hintergrundbildes) und fügst margin-left/-right in der Breite von #left und #right hinzu.
Im HTML-Teil muss die Reihenfolge dann wiefolgt lauten:
HTML-Code:
<div id="left">...</div>
<div id="right">...</div>
<div id="middle">...</div>