title: css stack center div on top of two others
body: <p>this should be fairly simple. I'm trying to center a div on top of two other divs, however I don't know how to make it stay there when the window is re-sized. </p>
  
  <pre><code>#middle{
      z-index:10;
      border-radius:10px;
      border:15px solid #232323;
      background: #232323;
      width:400px;
      height:200px;
      text-align:center;
      top:180px;
      position:absolute;
  }
  </code></pre>
  
  <p>I just want the "middle" div centered in between the other two and in the middle of the page. Please have a look at the fiddle and let me know what I can do here.</p>
  
  <p><a href="http://jsfiddle.net/VwRkC/" rel="nofollow">http://jsfiddle.net/VwRkC/</a></p>
  
  <p>I've been tinkering but I am not very experienced with css.</p>
  
  <p>Thank you</p>