title: Horizontal space between divs
body: <p>I'm doing a webpage for a school project And I've run into this problem.</p>
  
  <p>I have a div, which contains the header, and a div with the horizontal navigation bar. Between those divs there is a gap. I have read through my code and can't find out why.</p>
  
  <p>No matter what I seem to do nothing works.</p>
  
  <p>I have already set margin/padding to 0px on all elements without luck.</p>
  
  <p>Here is the code:</p>
  
  <p>asp/html</p>
  
  <pre><code>   &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;link href="StyleSheet.css" rel="stylesheet" /&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;asp:ContentPlaceHolder ID="head" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
          &lt;div id="wrapper"&gt;
              &lt;div id="header"&gt;
                  &lt;asp:Image ImageUrl="_res/Logo.png" runat="server" /&gt;
                  &lt;/div&gt;&lt;div id="menuBar"&gt;
                      &lt;asp:Image ImageUrl="_res/menubar.png" runat="server" /&gt;
                  &lt;/div&gt;
  
                  &lt;asp:ContentPlaceHolder ID="cphMain" runat="server"&gt;
                  &lt;/asp:ContentPlaceHolder&gt;
  
  
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>* {
      margin: 0;
      padding: 0;
  }
  
  body {
      background-color: #2e261e;
      background-image:url(_res/sides.png);
      background-repeat:repeat-x;
  }
  
  #wrapper {
      width: 960px;
      margin-left:auto;
      margin-right:auto;
  }
  #header {
      margin:0px;
  
  
  }
  
  #menuBar {
      margin: 0;
  
  }
  </code></pre>
  
  <p>I have tried <code>display:block</code>, does nothing.. Sorry for the extremely poor phrased question.</p>