title: why the div tag not fit to the top in the body?
body: <p>My html code is</p>
  
  <pre><code> &lt;html&gt;
   &lt;body id="body"&gt;
   &lt;div id="content"&gt;
   &lt;div id="head1"&gt;
   &lt;h3 id="cpsir"&gt;CPSIR-CM&lt;/h3&gt;
   &lt;/div&gt;
   &lt;/div&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>Css code is</p>
  
  <pre><code>#body{
  background:#0F657D;
  }
  #content{ 
  width:1000px;
  height:740px; 
  background:#E2E2E2; 
  margin-left:auto; 
  margin-right:auto;
  }
  #head1{
  width:auto; 
  height:60px; 
  background:#626262; 
  margin-top:-10px;    
  }
  #cpsir{
  font-family:Verdana, Helvetica, sans-serif; font-size:24px; 
  color:#F4F4F4; 
  padding-top:10px; 
  </code></pre>
  
  <p>}</p>
  
  <p>I'm trying to fit the <code>head</code> div tag to the top of the body. But which is not fit perfectly. So, I'm used the negative px for it., but which result is differ to the different browser. For example, In the torch browser <code>margin-top:-10px</code> gives what i expect , which is change into the Internet Explorer. What can i do? </p>