title: Top div cover text in bottom div
body: <p>I have tried many unsuccessful things to make this work. Too many to list. How can I make the white div cover the yellow text in the bottom div?</p>
  
  <pre><code>&lt;div id="bottom"&gt;This is some text&lt;/div&gt;
  &lt;div id="top"&gt;&lt;/div&gt;
  
  #bottom{
    background:blue;
    height:60px;
    color:yellow;
    font-size:45px;
  
  }
  
  #top{
    background:white;
    height:20px;
    margin-top: -30px;
  }
  </code></pre>
  
  <p><a href="http://jsbin.com/verimekile/edit?html,css,output" rel="nofollow">http://jsbin.com/verimekile/edit?html,css,output</a></p>