I am trying to replicate the stacked image effect seen on kickstarter.com. However, I am facing an issue where the images do not overflow on the screen as desired. The arrow indicates the area that needs to be filled with the image.
Check out the image here:
HTML:
<div id="projectGrid">
<div class="project"><a href="thumbLink"><img src="img/p1.png" /></a></div>
<div class="project"><a href="thumbLink"><img src="img/p2.png" /></a></div>
</div>CSS:
.project {float: left;overflow: hidden;}
#projectGrid {
background: none repeat scroll 0 0 #222222;
overflow: hidden;
position: absolute;
z-index: 6;
}