How to overlap one div on another using css ?

[atulthakre]

I want to overlap one div on another using css as shown in image below and i have following html and code

<div id="div1">This is div 1</div><div id="div2">This is div 2</div>

div1{width:800x;height:200px;background-color:#292929;color:#FFFFFF;}div2{width:800x;height:50px;background-color:#333333;color:#FFFFFF;}

I want my footer to be like the image shown below, how can i do it ?

I have uploaded the image, but if you are enable to see it then you can view the image easily at this URL

 

http://imageart.webs.com/footer.png

 

 

 

[dsonesuk]

#div1{width:800x;height:200px;background-color:#292929;color:#FFFFFF;}#div2{width:800x;height:50px;background-color:#333333;color:#FFFFFF;

margin-top: -50px;}

[atulthakre]

#div1{width:800x;height:200px;background-color:#292929;color:#FFFFFF;}#div2{width:800x;height:50px;background-color:#333333;color:#FFFFFF;

margin-top: -50px;}

 

Thanks it worked for me