Tony May: <html> umschließt content nicht beim scrollen

Beitrag lesen

Hi,
mein Problem ist das html/body in allen Browsern nicht die totale breite erreicht.

umschließt kontent nicht

Aber dennoch hat das ganze Browser-Fenster die gegebene Hintergrundfarbe(#444)?
Sehr gut zu sehen ist das ganze wenn das Browser-Fenster weniger breit als das 800px ist und man vertikal scrollt.
In dem "erscrollten" Bereich schafft es das "redDiv" nicht das div fixi zu umschließen.

Habe mich auch schon mit der suche hier + google beschäftigt aber es gibt nahezu infinit*200 Treffer zu den Begriffen "div, html" + "scrolling" :(

Wär super wenn mir jemand weiterhelfen könnte, thx!

html:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>Beschreibung der Seite</title>  
  
<style type="text/css">  
html{  
    background:#444;  
    margin:0;  
    padding:0;  
}  
  
body{  
    margin:0;  
    padding:0;  
}  
  
#redDiv{  
    background:#c00;  
    margin:0;  
    padding:1px 0;  
    width:100%;  
}  
  
#fixi{  
    background:#fff;  
    height:300px;  
    width:800px;  
    margin:30px auto;  
}  
</style>  
  
</head>  
<body>  
<div id="redDiv">  
    <div id="fixi">  
  
    </div>  
</div>  
</body>  
</html>