Positionierung am unteren Rand im IE8

[dot]

Hallo

Ich bringe es nicht fertig im IE8 den footer am unteren Rand zu positionieren. In allen anderen Browsern funktioniert es:

<div id="footerbox">
<div class="clear"></div>
<div id="footer">
<p>asdfjasldf</p>
</div>
</div>

div#footerbox {
clear: both;
width: 669px;
bottom: 0px;
margin: 0 auto;
}

div#footer {
padding: 0px 0 0 0;
background: url(images/balken_bottom.gif) no-repeat center bottom;
border-top: 1px dotted #A9A9A9;
position: absolute;
z-index: 1;
bottom: 0px;
width: 669px;
}

Ich wäre echt froh um einen erlösenden Tip. Ich habe den DOCTYPE schon geändert, overflow rein und raus etc.

[Beat]

Ich wäre echt froh um einen erlösenden Tip. Ich habe den DOCTYPE schon geändert, overflow rein und raus etc.

Bitte ein Live-Beispiel uploaden.
Abgesehen davon, dass bottom:0 für id="footerbox" sinnlos ist, lässt sich nichts sagen.

mfg Beat

[Cheatah]

Hi,

Bitte ein Live-Beispiel uploaden.

jupp. Und eine Beschreibung dessen, was statt des gewünschten Verhaltens passiert.

Abgesehen davon, dass bottom:0 für id="footerbox" sinnlos ist, lässt sich nichts sagen.

Doch: Dass das <div class="clear"></div> an ausnahmslos jeder Stelle, an der es im gesamten Code vorkommen mag, zu eliminieren ist.

Cheatah