Problem mit IE: 1px Rand bei position:absolute; und bottom:0;

[Uschi Renziehausen]

Er ist nun mal ein Saftsack, der IE.
Die folgende Lösung sieht in Firefox, IE6 und Opera 7 gleich aus

<style type="text/css">
html body {
 color:#000;
 background-color:#ee0000;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

/* IE Scrollbar-Platzhalter verhindern, wenns nix zu scrollen gibt*/
* html body {overflow: auto}

#footer {
 position:absolute;
 bottom:0px;
 left:0px;
 width:100%;
 height:30px;
 background-color:#eee;
 margin:0px 0px;
 padding:0px 0px;
 border: none;
 text-align:center;
}

/* Hier lassen wir den Pixel am unteren Rand des IE verschwinden */
* html #footer {bottom: -1px}

/* margin-top und bottom muessen im P für Firefox und Opera wech */
#footer p {margin: 0; padding: 0.3em}
</style>