title: Margin and Padding of <Body> Tag
body: <p>I am writing a very simple HTML code which is listed below. Written in notepad and opening in IE-8 and Firefox (OS: Window Vista).</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
      &lt;table border="1"&gt;&lt;tr&gt;&lt;td&gt;test&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>There is nothing special in the above code, It is creating some space from top left corner.</p>
  
  <p><img src="https://i.stack.imgur.com/Nthhg.jpg" alt="enter image description here"></p>
  
  <p>Which can be easily removed by using the following code</p>
  
  <pre><code>&lt;body style="margin:0; padding:0"&gt;
  </code></pre>
  
  <p>Now i have find out the default margin and padding, which is <code>4</code> for Firefox and different for IE-8. </p>
  
  <pre><code>&lt;body style="margin:4; padding:4"&gt;
  </code></pre>
  
  <p>I have some question on this scenario.</p>
  
  <ol>
  <li>Why this value is 4?</li>
  <li>From where this value is coming, is it saved somewhere?</li>
  <li>Can we modify (configurable) this default value?</li>
  <li>How these values are different for browsers? </li>
  </ol>
  
  <p>Thanks.</p>