Wo ist mein Footer?

[Oliver Orsteck]

Moinmoin!

Mein IE 6 möchte mir einen Container vorenthalten. Darf er das?

Die Seite ist wie folgt ausgebaut:
<div id="header"><div>
<div id="all">
  <div id="#leftnavi"><div>
  <div id="content"><div>
  <div id="login"></div>
  <div id="footer"></div>
</div>

css:
#all
{
 position:relative;
 top:20px;
 width:726px;
 margin:auto;
 border:1px dotted rgb(0,0,255);
}

#content
{
 position:relative;
 min-height:20em;
 top:20px;
 left:0px;
 width:400px;
 margin:auto;
 float:left;
 border:1px dotted rgb(255,0,0);
}

#header
{
 position:relative;
 top:5px;
 height:90px;
 width:711px;
 margin:auto;
 display:block;
}

#footer
{
 position:relative;
 border: none;
 margin:auto;
 width:400px;
 top:30px;
 clear: both;
 height:22px;
 text-align: center;
 border:1px dotted rgb(0,255,0);
}

#login
{
 position:relative;
 top:24px;
 width:150px;
 height:540px;
 float:right;
 margin-left:10px;
}

Sobald der Container "content" eine gewisse größe erreicht hat, kann ich mit dem IE6 nicht mehr zum "footer" scrollen. Die Container "all" und "content" scheinen im unteren Bereich des Browsers ins nichts zu verschwinden.
Unscrollable-Content Bug? Ich tippe eher auf ignoranz meinerseits, klärt mich auf!

Gruß
Olli

[Oliver Orsteck]

Hi!

#footer
{
position:relative;
border: none;
margin:auto;
width:400px;
top:30px;
clear: both;
height:22px;
text-align: center;
border:1px dotted rgb(0,255,0);
}

#footer
{

border: none;
 margin:auto;
 width:400px;
 top:30px;
 clear: both;
 height:22px;
 text-align: center;
 border:1px dotted rgb(0,255,0);
}

...beseitigte den Fehler

Schönen Sonntag noch
Olli