m3: Body Hintergrundbild beim scrollen abgeschnitten

Beitrag lesen

Hallo SELFTHTML'er,

ich stehe seit längerem vor einem Problem. Am besten ich beschreibe es mal. Es geht um ein Hintergrundbild im <body>. Da ich dieses Hintergrundbild nicht direkt im Body-Tag unterbringen kann (weil es , habe ich einen Div names blockBody eingefügt.

mein HTML Snippsel:

  
<html>  
<head>  
<title>Hallo Welt</title>  
<style type="text/css">  
<!--  
* { margin:0; padding:0px;}  
html { height:100%;}  
body { height:100%;}  
.blockBody { height:100%; background-image:url(/backround.gif); background_repeat:repeat-x;}  
-->  
</style>  
</head>  
<body>  
  <div class="blockBody">Hallo Welt</div>  
</body>  
</html>  

So nun zu meinem Problem. Wenn man das Browser-Fenster soweit minimiert, das Scrollbars entstehen und man dann nach rechts scrollt, wird das Hintergrundbild nicht mehr bzw. nur im vorher sichtbaren Bereich angezeigt.

Was muss ich tun damit mein Hintergrundbild korrekt angezeigt wird? Also auch in dem Bereich der erst durch scrollen sichtbar wird.

Ich suche nach einer Lösung welche sowohl im IE als auch im Firefox funktioniert.