Div Anzeigeprolem mit Safari und Internet Explorer

[Gems 4]

Hi Leute

ich wollte mir eine webseite erstellen, allerdings wird diese vom Safari
und vom Internet Explorer falsch dargestellt. Wollte wissen, ob mir
jemand bei diesem problem helfen kann:

Auszug aus Site.html:

<div class="content">
         <div class="content_left">Inhalt links</div>
         <div class="content_middle">Inhalt mitte</div>
         <div class="content_right">Inhalt rechts</div>
</div>

Auszug aus site.css:

div.content {
    background-color: red;
    height: 800px;
    width: 900px;
}

div.content_left, div.content_middle, div.content_right {
    height: 100%;
    margin: none;
    float: left;
}

div.content_left, div.content_right {
    width: 15%;
    background-color: yellow;
}


div.content_middle {
    width: 70%;
    background-color: purple;
}

Und zwar ist das Problem, dass der Internet Explorer das div content_right in eine Zeile schreibt und der Safari das div content nicht vollständig mit den untergeordneten divs ausfüllt(kann man mit dem roten Hintergrund erkennen). Mit Firefox funktioniert das 
alles super.

Dank im Voraus
Gems 4

 

[struppi]

Wird deine Seite im Standardmode oder im Quirksmode dargestellt?

 

[threadi]

Wer floatet muss auch clearen - das fehlt bei dir. So erhält .content keine wirkliche Höhe.