Question

I have 3 divs. A blue one, a black one and a yellow one. Now I want the yellow div be placed on top of the black one (both have the same size). Some CSS and using z-index should do the trick, but it aint working.

Perhaps someone has an idea why, since I am a bit stuck on this. Please see my Fiddle with the complete html and css code:
http://jsfiddle.net/mauricederegt/xQVYu/

Kind regards,
Maurice

Answer 1

Specify the position of these elements so that they overlap:

#s2, #s3 { top: 0; }