register_free
New Member
I have some divs at my HTML and one of them is loading image div so I want it overlap its parent div. Here is my code:\[code\]<div id="something1"> <div id="something2"></div> <div id="parent" style="border: 15px solid #c1c1c1;width:200px; height:250px;"> <div id="child" style="position: absolute; border: 15px solid #a2f2e2"></div> </div></div>\[/code\]When I use different positions (i.e. absolute, relative etc.) child div couldn't overlap its parent. Here is my fiddle link: http://jsfiddle.net/yNFxj/4/ I don't want to see anything from parent div but I want to see that child div increased as parent's size and overlapped it.Any ideas about how can I dot it just with pure html and css and with a generic way to implement it my any other pages?PS: Border, width, height etc. are just for example, it can be removed.