what I am trying to accomplish is the following:
<div>
<div class="img"><img src=""></div>
<div class="img"><img src=""></div>
<div class="img"><img src=""></div>
</div>
the divs containing the images will be used in a slideshow so they need to be positioned one on top of the other, with the first one showing and the others hidden.
When I set position:absolute to the divs though, the external div’s height shrinks and destroys the whole layout. Any tips on how to to fix that?
EDIT: HTML structure is not negotiable.
Ended up setting the div’s height with JQuery according to it’s content. Just needed to add one line of code in the loop. Case closed.