Prob mit Div-Positionierung

[Dixn]

Hi,

habe meine Seite mit Divs und CSS gemacht!4 Div Bereiche:Oben(Titel etc),
Mitte(Inhalt,mit iframe für den Inhalt) und links und rechts jeweils ne SPalte!
Hab die Divs absichtlich rot umrandet!!!

Seite: http://www.scharnhorstar.de/startseite2.html

Ich möchte gern,dass die Container ihre Breite beibehalten, auch wenn man bspw. den Browser minimiert oder Link die Favoriten anzeigen lässt,d.h. dass ein horizontaler Scrollbalken erscheint.Das Layout soll auf jeden Fall immer so bleiben!So ist es ja auch auf den meisten Websites.

Bei mir ist das Problem,dass der mittlere Div,sobald der Browser minimiert wird,nach unten gedrückt wird also unter den linken und rechten.
Weiss echt nicht weiter.

Hier der Code:

CSS:

#title {
height:185px;
margin-top:-1em;
border:1px solid red;
width:105em;
text-align:center;}

#left, #right {
width:18em;
text-align:center;
margin-top:-15em;
padding-top:0px;}

#left {
float:left;
border:1px solid red;}

#right {
float:right;
border:1px solid red;}

#content {
float:left;
width:67em;
border:2px solid red;
height:440px;}

HTML:

<div id="title"></div>
<div id="left"></div>
<div id="right"></div>
 <div id="content">
<iframe name="Menuframe" scrolling="auto" id="if1" src="http://www.scharnhorstar.de/html/news/index.php" align="center" height="100%" width="100%" frameborder="0">
Dieser Text wird angezeigt, wenn Dein Browser keine Inline-Frames unterstützt</iframe>
 </div>

Mod-Edit: Code-Tags hinzugefügt - bitte das nächste Mal beachten (XraYSoLo)