title: Why margin-top different for chrome and safari?
body: <ol>
  <li><p>Chrome and safari both supports <code>webkit</code>. then why <code>margin-top</code> different for chrome and safari?</p></li>
  <li><p>What is the solution on that? I dont want to try <code>padding-top</code>..because of some reason.</p></li>
  </ol>
  
  <p>this is my demo code for <em>responsive design</em>.</p>
  
  <pre><code>&lt;div id='demo'&gt;&lt;/div&gt;
  
  #demo{
      position:absolute;
      margin-top:22%;
      width:10%;
      border:1px black solid;
      height:5%;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/prashantptapase/hcracnsb/" rel="nofollow"><strong>JSFIDDLE</strong></a></p>