Problema altezza div...

[Sonikag]

Ho uno slideshow con questo html

<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 è:

#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.

[ResianTaxidrive]

non ho ben capito. Vorresti che l'immagine si vedesse per intero quando è più alta di 200px?

[Sonikag]

L'immagine già si vede per intero, solo che si sovrappone ai contenuti sotto.
Vorrei che i contenuti sotto scivolassero in basso in base all'altezza dell'immagine.

[Sonikag]

Ho tentato con i float: left e i clear:block sulle immagini ma non è servito!

[ResianTaxidrive]

ma i div sotto come li hai posizionati?

[Sonikag]

il mio div è piazzato così:

<div id="container1">...</div>
<div id="slideshow">
...
</div>
<div id="container2">...</div>

div#container1{text-align:left; width:960px;margin:0 auto}
div#container2{text-align:left; width:960px;margin:0 auto}

[ResianTaxidrive]

mah, o metti un overflow:hidden allo slideshow e il tutto ti rimane bloccato o 200px (che secondo me è la cosa migliore per evitare troppi movimenti di oggetti); o sennò hai un link alla pagina che magari faccio un due prove con firebug