scrollbalken vermeiden

[jo]

Guten Morgen,

Ich überlagere zwei div's genau übereinander um den hintergrund meiner seite zu erstellen.

#bg1 enthällt ein einfarbiges transparentes gif (als hintergrundfarbe benutze ich den body):

#bg1{
 position:absolute;
 top:190px;
 left:0px;
 width:100%;
 height:700px;
 background-image:url(images/bg_body_2.gif);
 background-repeat:no-repeat;
 background-position:center top;
 z-index:1;
}

#bg2 enhält ein sich wiederholendes muster, ebenfalls ein transparentes gif:

#bg2{
position:absolute;
top:190px;
left:0px;
width:100%;
height:700px;
/*background-color:#CCCCCC;*/
background-image:url(images/bg_body_3.gif);
background-repeat:repeat;
background-position:left;
z-index:2;
}

diese beiden Div's erzeugen scrollbalken, die ich gerne vermeiden würde.
was kann ich tun um diese zu vermeiden ?

gruß

jo