title: Cant remove space between Header and Menu Nav bar
body: <p>I for whatever reason cannot get rid of the gap between my header and the nav bar menu.   I've tried every adjustment of padding/margins I can think of to either push it up or move the bar, but it just does funky stuff with the menu or pushes other content up.  I need some help.  </p>
  
  <p>and the code</p>
  
  <pre><code>#header_wrap {
      width:100%;
      height:144px;
      text-align: center;
  
  }
  
  #header {
      width:980px;
      margin:0 auto;
  
  
  }
  
  #preloadedImages
  {
      width: 0px;
      height: 0px;
      display: none;
      background-image:url(Logo/logo14hover.gif);
  
  
  }
  
  .site_logo {
      float:left;
      width:302px;
      height:144px;
      background:url(Logo/logo14.gif) no-repeat;
  
  }
  
  .site_logo:hover {  
      float:left;
      width:302px;
      height:144px;
      background:url(Logo/logo14hover.gif) no-repeat;
  
  }
  
  
  .headerpic { 
      float:left;
      width:678px;
      height:144px;
      background:url(Images/headerpic.gif) no-repeat;
  
  }
  
  
  
  
  #menu_wrap {
       position:relative;
           z-index:2;
      text-align:center; 
      width:100%;
      padding: 0px 0px;
      }
  
  
  
  #menu {
       position:relative;
       z-index:2;
      width:1000px;
      text-align:center; 
      margin:0 auto;
      height:61px;
      padding: 0px 0px;
      }
  
  nav ul ul {
      display: none;
  
  }
  
      nav ul li:hover &gt; ul {
          display: block;
      }
  
  nav ul {
  
      background: #bbb38f; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYjM4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjY0NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #bbb38f 0%, #6b6441 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbb38f), color-stop(100%,#6b6441)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #bbb38f 0%,#6b6441 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #bbb38f 0%,#6b6441 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #bbb38f 0%,#6b6441 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #bbb38f 0%,#6b6441 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbb38f', endColorstr='#6b6441',GradientType=0 ); /* IE6-8 */
      box-shadow: 0px 0px 9px rgba(0,0,0,0.5);
  
      padding: 0px 0px;
      list-style:none;
      position: relative;
      display:inline-table;
      text-decoration:none;
      font-family:Copperplate Gothic Light,Georgia, Palatino, Times New Roman, serif; 
      font-size:17px;
      color:#FFFFFF;
      font-weight:light;
      outline:none;   
      text-shadow: 1px 1px #000000;
  
  }
  
      nav ul:after {
          content: ""; clear: both; display: block;
      }
  
  
  nav ul li {
      float: left;
  }
  
  nav ul li:hover {
          background: #736e57;
          background: linear-gradient(top, #BBB38F 0%, #6B6441 40%);
          background: -moz-linear-gradient(top, #BBB38F4 0%, #6B64415 40%);
          background: -webkit-linear-gradient(top, #BBB38F 0%,#6B6441 40%);
          text-decoration:none; 
          font-family:Copperplate Gothic Light,Georgia, Palatino, Times New Roman, serif; 
          font-size:17px;
          color:#FFFFFF;
          font-weight:light;
          outline:none;
          filter:alpha(opacity=100);
          opacity: 1;
          -moz-opacity:1;
  
  }
  
  nav ul li:hover a {
      color:#FFFFFF;
      filter:alpha(opacity=100);
      opacity: 1;
      -moz-opacity:1;
  
  }
  
  nav ul li a {
      color:#FFFFFF;
      display: block;
      padding: 12px 42px;
      text-decoration:none;
      filter:alpha(opacity=100);
      opacity: 1;
      -moz-opacity:1;
  
  }
  
  
  
  nav ul li:hover &gt; ul {
      background: #303030;
      text-decoration:none;
      display: block;
  
      }
  
  nav ul ul {
      background: #303030;
  
      font-family:  Helvetica, Copperplate Gothic Light, Arial, sans-serif;   
      font-size:14px;
      text-decoration:none;
      color:#000;
      font-weight:light;
      outline:none;
      filter:alpha(opacity=95);
      opacity: 0.95;
      -moz-opacity:0.95;
  }
  
      nav ul ul li {
          text-decoration:none;
          float: none; 
          position: relative;
  
      }
          nav ul ul li a {
              text-decoration:none;
              padding: 0px 0px;
              color:#000;
              filter:alpha(opacity=100);
              opacity: 1;
              -moz-opacity:1;
  
          }   
              nav ul ul li a:hover {
                  text-decoration:none;
                  background: #736e57;
                  text-shadow: 1px 1px #000000;
                  filter:alpha(opacity=100);
                  opacity: 1;
                  -moz-opacity:1;
              }
  
  nav ul ul {
  
      text-decoration:none;
      padding: 0px;
      position: absolute;
  
  
  
      }
  
      nav ul ul li {
  
          float: none; 
          position: relative;
      }
          nav ul ul li a {
              filter:alpha(opacity=100);
              opacity: 1;
              -moz-opacity:1;
              padding: 10px 40px 10px 15px;
              color:#000;
              font-family:  Helvetica, Copperplate Gothic Light, Arial, sans-serif;
              font-size:15px;
              text-align: left;
  
  
          }   
              nav ul ul li a:hover {
                  font-family:  Helvetica, Copperplate Gothic Light, Arial, sans-serif;
                  font-size:15px;
                  background: #6B6441;
                  text-align: left;
                  background: #bbb38f; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYjM4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjY0NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #bbb38f 0%, #6b6441 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbb38f), color-stop(100%,#6b6441)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #bbb38f 0%,#6b6441 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #bbb38f 0%,#6b6441 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #bbb38f 0%,#6b6441 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #bbb38f 0%,#6b6441 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbb38f', endColorstr='#6b6441',GradientType=0 ); /* IE6-8 */
      filter:alpha(opacity=100);
      opacity: 1;
      -moz-opacity:1;
              }
  
  nav ul ul ul {
      position: absolute;
      left: 100%; top:0;
  
  }
  </code></pre>
  
  <p>and the HTML</p>
  
  <pre><code>&lt;div align="center" id="header_wrap"&gt;
  &lt;div id="header"&gt;
  &lt;a href="index.html"&gt;&lt;div id="preloadedImages"&gt;&lt;/div&gt;&lt;div class="site_logo"&gt;&lt;/div&gt;&lt;/a&gt;
  &lt;div class="headerpic"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- START MENU NAV BAR CODE --&gt;
  &lt;div id="menu_wrap"&gt;
  &lt;div id="menu"&gt;
  &lt;nav&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="Company/company.html"&gt;Company&lt;/a&gt;
          &lt;ul&gt;
          &lt;li&gt;&lt;a href="Company/mission.html"&gt;Mission&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="Company/philosophy.html"&gt;Philosophy&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="Solutions/solutions.html"&gt;Solutions&lt;/a&gt;
          &lt;ul&gt;
          &lt;li&gt;&lt;a href="Solutions/QPipe-Estimator/qpipe-estimator.html"&gt;Q Pipe Estimator&lt;/a&gt;
              &lt;ul&gt;
              &lt;li&gt;&lt;a href="Solutions/QPipe-Estimator/advantage.html"&gt;Advantage&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Solutions/QPipe-Estimator/differentiator.html"&gt;Differentiator&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Solutions/QPipe-Estimator/features.html"&gt;Features&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Solutions/QPipe-Estimator/screenshots.html"&gt;Screen Shots&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;
          &lt;ul&gt;
          &lt;li&gt;&lt;a href="Services/technical-support.html"&gt;Technical Support&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="Services/training.html"&gt;Training&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="Services/customization.html"&gt;Customization&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="Services/faqs.html"&gt;FAQ's&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Industry&lt;/a&gt;
          &lt;ul&gt;
          &lt;li&gt;&lt;a href="Industry/focus.html"&gt;Focus&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="Industry/customers.html"&gt;Customers&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="Contact/contact-information.html"&gt;Contact&lt;/a&gt;
          &lt;ul&gt;
          &lt;li&gt;&lt;a href="Contact/contact-information.html"&gt;Contact Information&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="Contact/request-information.html"&gt;Request Information&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="http://web.qsoftsolutions.com/"&gt;Login&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/nav&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- END MENU NAV BAR CODE --&gt;
  </code></pre>
  
  <p>added fiddle link in comments</p>