title: CSS adjustment div, space beetween top and div.
body: <p>When I create a div it always add space to top and left side. Here is an image: <a href="http://img265.imageshack.us/img265/7346/83425851cc8d4fc49eb78a9.png" rel="nofollow">http://img265.imageshack.us/img265/7346/83425851cc8d4fc49eb78a9.png</a></p>
  
  <p>I don't want that space, so what can I do to solve it? </p>
  
  <p>HTML CODE: </p>
  
  <pre><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  
  &lt;head&gt;
    &lt;title&gt;Wozzies Blog&lt;/title&gt;&lt;meta charset="utf-8"&gt;&lt;/meta&gt;
    &lt;link rel="stylesheet" type="text/css" href="css/layout.css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="container"&gt;
  
  
  
  
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS CODE:</p>
  
  <pre><code>body{
    background-image:url('../img/bg.png');
    background-repeat:repeat-y;
  }
  
  #container{
    background-image:url('../img/bgcontentor.png');
    background-repeat:repeat-y;
    width: 798px;
    height: 685px;
    margin: auto;
  }
  </code></pre>