Anton: Frage zu Glider Levin Methode

Grüß Gott,

hab ein Problem mit der Glider Levin Methode:

Der Folgende Code funktioniert im Firefox, jedoch im IE7 nur bedingt. Im IE7 wird die header-Grafik zunächst ganz links angezeigt. Erst wenn ich einmal F5 betätige springt sie an die richtige Position. Woran kann das liegen bzw. was kann ich dagegen tun?

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">  
  
<html>  
  <head>  
    <style rel="stylesheet" type="text/css">  
      * {  
        margin: 0px;  
 padding: 0px;  
      }  
  
      html {  
        background: blue;  
      }  
  
      body {  
        width: 950px;  
 margin: 20px auto;  
 background: orange:  
      }  
  
      h1 {  
        width: 950px;  
 height: 135px;  
        background: green;  
 position: relative;  
      }  
  
      h1 span {  
        position: absolute;  
 width: 100%;  
 height: 100%;  
        background: url(header.jpg) no-repeat left top;  
      }  
    </style>  
  </head>  
  <body>  
    <h1><span></span>Test</h1>  
  </body>  
</html>  

  1. Im IE7 wird die header-Grafik zunächst ganz links angezeigt. Erst wenn ich einmal F5 betätige springt sie an die richtige Position.

    kann ich nicht nachvollziehen (ie7, vista x64)