hallo leute,
ich hab ein problem mit meiner ersten homepage, an der ich gerade werke 
Mein Problem:
also ich habe eine Topbereich, der in der mitte ein logo enthält und darunter
einen mittig gelegenen maincontent mit navigation links und rechts eben den inhalt.
nur die div vom maincontent passt sich nicht automatisch der height vom der inhalt-div a!
auch der body ist dann nur so groß wie der top bereich
hier ein 3d veranschaulichung mit height im css: so will ich es eigentlich haben, nur soll sich die height des maincontents (weißer rahmen) automatisch dem inhalt anpassen
Und hier ohne der height:
komischerweise ist das problem nur bei den neuen versionen der browser (IE 9)!
<!DOCTYPE html><html>
<head></head>
<body>
<div id="top" style="height: 240px"></div>
<div id="maincontent">
<div id="navigation">
<ul id="navilist"></ul></div><div id="content">
<div align="center">
</div>
</div>
</div>
<div id="lightboxOverlay" style="display: none;"></div>
<div id="lightbox" style="display: none;"></div>
</body>
</html>body {
background-color: #b9dc77;
}
#top {
background-color: #b9dc77;
background:url('Top_Leiste.jpg');
background-repeat:repeat-x;
background-position:bottom;
margin:-10px -10px auto -10px;
}
#topcontent {
width: 980px;
height: 200px;
margin: 0px auto 0px;
}
#maincontent {
background-color: #9dc77b;
width: 980px;
margin:0px auto;
border: thick;
border-color:white;
border-style:dotted;
padding-bottom: 10px
}
#navigation {
border:thin;
border-color:white;
border-style:dotted;
width: 202px;
margin: 0px;
float:left;
}Ich hoffe ihr könnt euch irgendwie vorstellen, was ich genau ich meine 
Und viel dank schon mal im vorraus!
mfg
eeyore