title: CSS Wrapper, Logo showing at the back
body: <p>Im just new to CSS:</p>
  
  <p>And my problem is My Logo shows up but it's in the back and Should I put my div:top-most into the wrapper? because if I put my div:top-most, it will be shown along with the logo, but I want my lime color to be put on the max width of my browser..</p>
  
  <p>Here's my HTML Code</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="top-most"&gt;
  &lt;/div&gt;
  
  &lt;div id="wrapper"&gt;
  &lt;img alt="logo" src="images/logo.png" /&gt;&lt;div id="wrapper"&gt;      
  &lt;/div&gt;
  
  
  &lt;div id="header"&gt;
      &lt;p&gt;Put something here&lt;/p&gt;
  &lt;/div&gt;
  &lt;/body&gt;    
  </code></pre>
  
  <p>And here's my CSS Code:</p>
  
  <pre><code>#top-most           { background-color: lime; height:51px ;width:100%; position:absolute; }
  
  #wrapper            {  width :960px; height:100px ; overflow:hidden; margin:0px auto; }
  
  #logo               { margin: 19px 0 0 10px; position:absolute; top: 0px; z-index:2; }
  
  #header             { margin: 30px  0 0 20px; float:right; width: 750px;   }
  #header p           { color: #979899; }
  </code></pre>
  
  <p>And here's the output:
  <a href="http://imgur.com/gWDNYGB" rel="nofollow">http://imgur.com/gWDNYGB</a></p>