Ein border-bottom hilft leider nicht, hab das schon probiert. Hier nochmals der aktuelle Code-Ausschnitt:
HTML:
<div id="sidebar-left" class="sidebar">
...
</div>
<div id="content">
<div style="overflow:hidden">
...
</div>
</div>
<div id="footer">
<div>Letzte Änderung: 01.03.08
<a class="emailadress" href="mailto:">Webmaster</a></div>
</div>
CSS:
...
#sidebar-left {
float:left;
width:218px;
margin:0;padding:0 0 3em 0;
overflow:hidden;
background:#DEE9EF;
font-family:arial,verdana,sans-serif;
font-size:70%;
font-weight:bold;
color:#005577;
}
#sidebar-left * {
padding:0;margin:0;
width:218px;
}
...
#content {
border-left:solid 218px #DEE9EF;
padding:0 5% 3em 5%;
}
...
#footer {
clear:both;
padding:3px;
background:#DDDDDD;
text-align:center;
font:70% verdana,helvetica,sans-serif;
border-style:none;
}
#footer a {
color:#005577;
font:100% verdana,helvetica,sans-serif;
text-decoration:none;
}
#footer a:hover {background-color:#EEEEEE}
...
Es hat sich nicht so viel verändert. Seltsam ist ja auch,
dass das Symptom auftritt, obwohl ich dem #footer explizit mitgeteilt habe,
dass er keine border-left besitzt.
Es ist zum ausflippen. Ich versuche seit einer Woche das auf Tabellen
basierende Layout der Universität Konstanz (www.uni-konstanz.de)
mit CSS und Divs umzusetzen, aber im Detail scheitert es immer am IE.
Herzlichen Dank für Deine Hilfe!