title: how move a single div offscreen
body: <p>i have 2 overlapping divs like so:</p>
  
  <pre><code>div.back {
      background:url(brick.png);
      background-attachment:fixed;
      background-position:right top;
      background-repeat:no-repeat;
      height:765px;
      z-index:200;
  }
  div.flash {
      margin-top:-765px;
      z-index:201;
  }
  </code></pre>
  
  <p>what i need to do is set the 'back' div offscreen for a time and then move it back.  i tried moving it using a bunch of different jquery methods but for some reason they move <strong><em>all</em></strong> of the divs instead of the one with the specified id.  </p>
  
  <p>so how do i move just the bottom one offscreen without affecting the top one?  it doesn't need to be animated at all; i just need it set aside until needed. (and "hide" won't work because it messes up my flash, so omit that from your suggestions if you don't mind.  :)</p>
  
  <p>thanks.</p>