Alex: Gespiegeltes Hintergrundbild im IE

Beitrag lesen

SELF-Forum

Gespiegeltes Hintergrundbild im IE

Alex
– Informationen zu den Bewertungsregeln

Hallo Forum!

Nicht zum ersten Mal nervt der IE mit dämlichen Darstellungsfehlern, aber diesen hier hab ich noch nie gehabt.

Eine einfache Seite mit Navigationsspalte auf der linken Seite:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
<head>  
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
 <title></title>  
 <link rel="stylesheet" type="text/css" href="style.css" />  
</head>  
<body>  
<div id="container">  
 <ul id="nav">  
  <li><a href="">Foo</a></li>  
  <li>Bar</li>  
  <li><a href="">Baz</a></li>  
 </ul>  
 <div id="content">  
  ...  
 </div>  
</div>  
</body>  
</html>  


  
#container {  
 background: url(img/bg.jpg) repeat-y 0 0; /* Faux Columns */  
 margin: 0;  
 padding: 0;  
}  
#nav {  
 width: 120px;  
 float: left;  
 list-style: none;  
 margin: 0;  
 padding: 0;  
}  
#nav li {  
 text-align: center;  
 margin: 0 0 0.5em 0;  
 font-weight: bold;  
}  
#content {  
 margin: 0 0 0 130px;  
}

Das Phänomen: In unregelmäßigen Abständen wird beim Neuladen der Seite im IE 6 ein Block des Hintergrundbildes in der Navigation einfach gespiegelt dargestellt, während der Rest des Bildes normal bleibt.

Wenn ich zusätzlich z.B. die Farbe der Navigationslinks über #nav a:hover {color:#000} verändere, werden sogar die Streifen des Hintergrundbildes gespiegelt, die hinter dem "gehoverten" Link liegen.

Was ist das für'n Mist? Kennt jemand dieses Problem mit dem IE? Gibt es eine Lösung? Ich habe nicht die leiseste Ahnung, woran sich dieser dämliche Browser stört. Andere Bilder hab ich auch schon ausprobiert; sogar mit unterschiedlichen Grafikprogrammen erstellt.

Beste Grüße,

Alex

Beitrag melden
–
Informationen zu den Bewertungsregeln