scrollbar ersetzen

Die Technik zum ersetzen des Scrollbars fand ich hier: http://www.drweb.de/magazin/100-hintergrundbild-im-browser/
Nicht gerade schön, aber der Seiteninhalt ist dadurch auch für IE6 und IE7 Nutzer lesbar.

Der Rest ist wie bei Technik 3.

CSS:

html, body{
height:100%;
width:100%
padding:0;
margin:0;
overflow:hidden;/*der scrollbar wird vom body entfernt*/
position: relative;
}
#bgimage {/*Hintergrundbild wie bei der zweiten Technik*/
position: fixed;/*scrollen abschalten*/
top: 0;
left: 0;
width: 200%;
height: 200%;/*fullscreen bilder sind üblicherweise im Querformat, deshalb ist die Breite unser Fixwert*/
z-index: 1;
}
#bgimg img{;
position:absolute;;
top:0;;
left:;
; right:0;;
bottom:0;;
margin:auto;;
min-width:50%;;
min-height:50%;
#scrollbar {/*das ist der Container mit scrollbar*/
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
overflow:auto;
z-index:2;}
#content{
position:relative;
width:600px;
margin:0 auto;
border:1px solid #fff;
color:#000;
padding:10px;
z-index:10;/*der content muss nun im z-index drüber liegen*/
}