To save your time I'll clarify what I want to say with an image
My HTML \[code\]<div align="center"> <div class="img-container"> <div class="myconatiner"> <h2>Headline</h2> <img src="http://stackoverflow.com/questions/15706901/img/image.png"> <p>Caption</p> </div> </div> </div>\[/code\]My CSS \[code\].img-container { width:100%; background-color:#59cbfc; position:absolute; right:0; left:0; vertical-align:central; }.img-container h2 { float:left; padding:20px 0 0 0; max-width:500px; text-align:center; }.img-container p { float:left; padding:10px 0 0 0; max-width:500px; text-align:center; }.img-container img { float:right; width:500px; height:326px; padding-top:10px; bottom:0; }.mycontainer { width:100%; max-width:1000px; height:auto; } \[/code\]The problem is: whenever I put any element or div it doesn't show since it's under that \[code\]img-container\[/code\] div.Thanks in advance