title: Positioning absolute div in fixed container
body: <p>I am trying to make my logo stay fixed on my header. I dont want it to go past the home tab when the screen size is adjusted. How can I do this?</p>
  
  <pre><code>&lt;div class="header_menu"&gt;
      &lt;div class="main_top"&gt;
          &lt;div class="wrap"&gt;
              &lt;div class="wrapper"&gt; 
                  &lt;div class="cssmenu"&gt;&lt;div class="headerlogo_tag"&gt;&lt;img src="http://fc07.deviantart.net/fs71/f/2014/112/5/6/logo_by_destinyjade-d7fmi7c.png" width="174" height="174" alt=""&gt;&lt;/div&gt;
                    &lt;ul&gt;
                         &lt;li class="active"&gt;&lt;a href="index.html"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="about.html"&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;      
                         &lt;li class="last"&gt;&lt;a href="news.html"&gt;&lt;span&gt;News&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                         &lt;li class="last"&gt;&lt;a href="team.html"&gt;&lt;span&gt;Team&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                         &lt;li class="last"&gt;&lt;a href="schedule.html"&gt;Schedule&lt;/a&gt;&lt;/li&gt;
                         &lt;li class="last"&gt;&lt;a href="contact.html"&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.headerlogo_container {
      position: absolute;
      left: 55px;
      top: -10px;
      z-index: 1000;
  }
  
  .headerlogo_tag {
       float: left;
       position: absolute;
       left: 255px;
       top: -10px;
       z-index: 1000;
  }
  
  .header_menu {
      background: #000000;
      background-image: url(http://fc06.deviantart.net/fs70/f/2014/112/b/a/header_bg_by_destinyjade-d7flhv4.png);
      background-repeat: repeat-x, repeat;
      position:fixed;
      width:100%;
      z-index: 999;
  }
  </code></pre>