CSS & Div-Layer

[SF2k]

Hallo!

Habe in einem Banner-Frame folgendes Gerüst:

<div id="left">
<img src="images/topBlueLogo.jpg">
</div>

<div id="right">
<img src="images/topBlueLogoRight1.jpg">
<img src="images/topBlueLogoRight2.jpg">
<img src="images/topBlueLogoRight3.jpg">
<img src="images/topBlueLogoRight4.jpg">
<img src="images/topBlueLogoRight5.jpg">
<img src="images/topBlueLogoRight6.jpg">
</div>

Im CSS dazu folgendes:

#left{
 position: absolute;
 padding: -0.04em;
 align: right;
 left: 10px;
 top: 0px;
 right: auto;
 bottom: 0px;
}

#right {
 position: absolute;
 padding: -0.04em;
 align: right;
 left: auto;
 top: 0px;
 right: 0px;
 bottom: 0px;
}

Wenn ich jetzt das Fenster verkleinere, schieben sich die Bilder rechts nach links und überlappen irgendwann das Logo! Das sollte nicht sein.

Anschauen könnt ihr euch das unter www.7community.de

Gibts ne Möglichkeit, dass ich einstelle, dass die Bilder verschwinden, wenn es eng wird?

Jemand eine Idee?

Danke
SF2k