Ho uno slideshow con questo html

codice:
<div id="slideshow">
[img]img/lavorazione1.jpg[/img]
[img]img/lavorazione2.jpg[/img]
[img]img/lavorazione3.jpg[/img]
[img]img/lavorazione7.jpg[/img]
</div>
lo stile slideshow è:
codice:
#slideshow {
    position:relative;
    height:200px;
 }
#slideshow IMG {
  position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
Ovviamente a certe risoluzioni l'immagine al 100% va oltre i 200px di height e a me va benissimo... ma vorrei che il contenuto sotto scendesse. Ho provato a togliere gli z-index ma non serve.