farbproblem IE und FF

    wieso wird die hintergrundfarbe nicht gleich angezeigt.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

    <head>
    <title>Willkommen</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />

    <link href="design.css" type="text/css" rel="stylesheet" />
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
    </head>
    <body>
    <div class="rahmen">
    <div class="head"></div>

    <div class="left">Test wie die Farbe erstrahlt</div>

    <div class="mitte"></div>

    <div class="right"></div>

    </div>
    </body>
    </html>


    * {margin: 0px; padding: 0px; color:

    #4455ff;}

    .rahmen {
    width: 1000px;
    height: auto;
    background-color: #000000;
    margin: auto;
    }
    .head {
    width: 100%;
    height: 125px;
    border-bottom: 1px dashed #c0c0c0;
    }
    .left {
    width: 175px;
    min-height: 750px; height: auto;
    float: left;
    border-right: 1px dashed #c0c0c0;
    margin: 4px auto;
    }
    .mitte {
    width: 675px;
    min-height: 750px; height: auto;
    border-right: 1px dashed #c0c0c0;
    float: left;
    }
    .right {
    width: 150px;
    min-height: 750px; height: auto;
    float: left;
    }


    im firefox ist nur der header schwarz im ie aber mehr, habe ja dem rahmen in der höhe auto gegeben, und die anderen divs ziehen den rahmen doch normal so lange wie sie sind. und das sind 750px . Könnt ihr mir helfen

    ich habe jetzt min-height im rahmen auch vergeben, aber kann man das nicht anders lösen, es gibt doch nur auto, % oder px und em?? steh ich aufm schlauch

    meine anderen seiten funktionieren auch so ohne clear, wenn alles von den Maßen her passt klappts auch ohne. es muss an der höhenzuweisung vom rahmen liegen ,

    tatsache danke dir, es klappt.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

    <head>
    <title>Willkommen</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />

    <link href="design.css" type="text/css" rel="stylesheet" />
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
    </head>
    <body>
    <div class="rahmen">
    <div class="head"></div>

    <div class="left">Test wie die Farbe erstrahlt</div>

    <div class="mitte"></div>

    <div class="right"></div>
    <div class="clear"></div>
    </div>
    </body>
    </html>

    * {margin: 0px; padding: 0px;
    color: #4455ff;}

    .rahmen {
    width: 1000px;
    min-height: 1000px; height: auto;
    background-color: #000000;
    margin: auto;
    }
    .head {
    width: 100%;
    height: 125px;
    border-bottom: 1px dashed #c0c0c0;
    }
    .left {
    width: 175px;
    min-height: 750px; height: auto;
    float: left;
    border-right: 1px dashed #c0c0c0;
    margin: 4px auto;
    }
    .mitte {
    width: 675px;
    min-height: 750px; height: auto;
    border-right: 1px dashed #c0c0c0;
    float: left;
    }
    .right {
    width: 150px;
    min-height: 750px; height: auto;
    float: left;
    }
    .clear {
    clear: both;
    }


    vielen herzlichen dank