title: Div's don't move when window resizes
body: <p>I've got 2 divs on top of another div, but when I resize the window they stay put, instead of moving with the div behind them. I thought that if there position is relative they move along with the previous div, but it doesn't seem to work like this. What am I missing?</p>
  
  <p>CSS and HTML below, simplified.</p>
  
  <pre><code>&lt;div class="wrapper" style="margin: 0 auto; text-align: center;"&gt;
  &lt;div id="0"&gt;
              &lt;img src="0.gif" width="960px" alt="" /&gt;
              &lt;div class="top"&gt;
                  &lt;div id="tag" &gt;&lt;img src="tag.png" alt="" /&gt;&lt;/div&gt;
                  &lt;div id="tag2"&gt;&lt;img src="5500.png" alt="" /&gt;&lt;/div&gt;
              &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And CSS like this:</p>
  
  <pre><code>#0 {
          clear:                  right;
          z-index:                0;
  }    
  .top {
          float:                  left;
          z-index:                1;
          clear:                  left;
          position:               relative;
  
  }
  
  #tag {
          margin-top:             -500px;
          margin-left:            -600px;
  
  
  }
  
  #tag2{
          margin-left:            750px;
  
  }
  </code></pre>