title: Header image causing huge gap
body: <p>I've managed to get an image I made to appear in the header of my woostore theme next to the default header logo, however a great big gap has appeared between the image and the top of the page, which I think is actually being caused by the logo somehow. I'm not good at coding just was a little trial and error, so could anyone take a look please and advise me on what to do?</p>
  
  <p>Here's the specific header code:</p>
  
  <pre><code>&lt;?php } ?&gt;
  
   &lt;div id="header" class="col-full"&gt;
  
   &lt;div id="logo"&gt;
   &lt;div id="headbanner" style="height:500px; width:186px; position:relative; top:500px; left:275px;"&gt;
   &lt;img src="http://aggidukes.co.uk/store/wp-content/uploads/2013/04/Store-header-Image.png" alt="Official Store" /&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and the site address: <a href="http://aggidukes.co.uk/store/" rel="nofollow">http://aggidukes.co.uk/store/</a></p>