title: How to create overlapping div elements with css?
body: <p>I want to create a div element of size 1000x600. Inside it, I want to create several divs of size 50x50. I want to make all the small div bottom left aligned. But they need to overlap and all go on that corner on top of each other in the bigger div. Then I want to control the positioning of the divs such that they are independent of the other small divs, i.e. they can all overlap.</p>
  
  <p>When I try it, the divs just stack on top of each other. If I use position absolute, then the divs are then relative to the whole page and appear outside of the big div, I need it relative to the bigger div.</p>
  
  <p>Anyone know how to do this?</p>
  
  <p>Thanks</p>