title: Problems aligning my logo with the navigation bar
body: <p>I've been sat here for 2 hours simply tring to align my logo with the navigation bar so it all fits on one line similar too <a href="http://weightshift.com/" rel="nofollow">http://weightshift.com/</a></p>
  
  <p>Im trying too add this image </p>
  
  <p><a href="http://imageshack.us/photo/my-images/26/logonkg.png/" rel="nofollow">http://imageshack.us/photo/my-images/26/logonkg.png/</a></p>
  
  <p>to align with the navigation bar im using which uses the following CSS, and am really stuck everytime i try to align it the nav bar goes below the header, im creating this on dreamweaver using the responsive framework, help would be greatly appreciated.</p>
  
  <pre><code>#menu {
       background:#333;
      height:100px;
  }
  
  #h1 {
  width: 100px;
  
  }
  
  
  #menu-wrap {
        margin:0 auto;
      width:1200px;
  }
  
  #navigation-main {
      display: inline-block;
      padding:0px;
      color:#fff;
      font-size:24px;
      font-weight:bold;
      margin-bottom:5px;
      float: right;
  }
  
  #navigation-main li {
      float:left;
      margin-right:20px;
  }
  
  #navigation-main li a {
      display:block;
      color:#fff;
  }
  
  #navigation-main li ul  {
      display:none;
      z-index:0;
  }
  
  #top-nav-info {
      background:#dddddd;
      float:left;
      width:1200px;
  }
  
  #top-nav-sec li a {
      padding:0px;
      display:inline;
      height:42px;
      color:#a19f9f;
  }
  </code></pre>
  
  <p>With the html currently being </p>
  
  <pre><code>&lt;body&gt;
  &lt;div class="gridContainer clearfix"&gt;
    &lt;div id="LayoutDiv1"&gt;
  
      &lt;div id="header"&gt;
  
        &lt;div id="menu"&gt;
           &lt;h1&gt; &lt;img src="images/logo.png"&gt; &lt;/h1&gt;
  
                  &lt;div id="menu-wrap"&gt;
  
  
  
  &lt;ul id="navigation-main"&gt;
            &lt;li&gt;&lt;a href=""&gt;Home&lt;/a&gt;&lt;span class="nav-sec"&gt;The Beginning&lt;/span&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=""&gt;Articles&lt;/a&gt;&lt;span class="nav-sec"&gt;Tips, Tricks, Advice&lt;/span&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=""&gt;Tutorials&lt;/a&gt;&lt;span class="nav-sec"&gt;Photoshop Techniques&lt;/span&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=""&gt;Resources&lt;/a&gt;&lt;span class="nav-sec"&gt;Fonts, freebies, wallpapers&lt;/span&gt;&lt;/li&gt;
  
          &lt;/ul&gt;&lt;!--end navigation-menu--&gt;
      &lt;/div&gt;&lt;!--end menu-wrap--&gt;
      &lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  &lt;/body&gt;
  </code></pre>