title: Place div directly above parent div
body: <p>Fiddle : <a href="http://jsfiddle.net/reko91/S2Kaw/454/" rel="nofollow">http://jsfiddle.net/reko91/S2Kaw/454/</a></p>
  
  <p>Notice that the child div is slightly offset. Ive found answers where you can add top to the css like so : </p>
  
  <pre><code>top:-20px;
  </code></pre>
  
  <p>But I don't want to set this myself. What is the best way so it doesn't have any margin/padding etc. I have tried :</p>
  
  <pre><code>margin:0px;
  padding:0px;
  </code></pre>
  
  <p>But no luck</p>