title: Logo not showing on top of header img
body: <p>I busy in the process of creating a website and currently seem to be having an issue with logo that keeps hiding its self away.</p>
  
  <p>I'm not to sure what I'm doing wrong I have added my html and css here so that hopefully some one can tell me what I have done wrong please.</p>
  
  <p>I am currently using the html5 boilerplate template as well but have commented out the code in the mean time this is the html part of the code:</p>
  
  <p></p>
  
  <pre><code>    &lt;!--header --&gt; 
      &lt;div id="header"&gt;
      &lt;div id ="logo"&gt; 
              &lt;h1&gt;&lt;a href="index.html"&gt;&lt;/a&gt;&lt;/h1&gt;
        &lt;/div&gt;
        &lt;div id= "hmenu"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Menu&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Bar&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Specials&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>this is the the css code for the header and logo and menu:</p>
  
  <pre><code>body,#container
  {   margin:0;
      border:0;
      height:100%;
      font:Arial, Helvetica, sans-serif;
      background:url(../Images/bgImg.png) repeat-x ;  
  }
  
  body &gt; #container 
  {
      height:auto;
      min-height:100%;
  }   
  
  #header
  {
      background:url(../Images/hdBgImg.png);
      width:100%;
      height:115px;
  }
  
  #header #logo
  {
  
       background:url(../Images/logo.png) no-repeat;
       width:272px;
       heigh:142px;
       cursor:pointer;
  }   
  
  
  #hmenu 
  {
      font-size:38px;
      font-family:Tangerine, sans-serif;
      font-weight::bold;
      text-align:right;
      text-shadow:3px 2px 3px #333;
      border-radius:8px;
      position::absolute;
      top:10px;
      right:10px;
  
  
  } 
  #hmenu ul
  {
      height:auto;
      padding:8px 10px;
      margin:0.1em;
  }
  
  #hmenu li
  {
      display:inline;
      padding:20px;
  }
  
  #hmenu a
  {
      text-decoration:none;
      color:#FFF;
      padding:8px 8px 8px 8px;
  }
  
  #hmenu a:hover
  {
      color:#8AAB8E;
      back:#fff;
  }
  </code></pre>
  
  <p>when I try to get the logo added then it moves my menu of the header and it some how creates a double logo too.</p>
  
  <p>any help would be great thanks.</p>