title: In javascript, or with a jQuery plugin, to completely scale a div and its contents?
body: <p>I'm looking to achieve an effect as seen on the metalabs site's image changer/slider:</p>
  
  <p><a href="http://metalabdesign.com/" rel="nofollow">http://metalabdesign.com/</a></p>
  
  <p>I got it working, but the catch is that I'm not using images, I'm scaling a div with content inside it. Dynamic content that's subject to change. Is there a way I can just blow up the whole div and its contents, because manually scaling each element inside the div is a huge hassle.</p>
  
  <p>I'm currently scaling a div with a jQuery animation:</p>
  
  <p>Starting css:</p>
  
  <pre><code>#tagBox {
      display: none;
      width: 1280px;
      height: 1000px;
      position: absolute !important;
      left: 50% !important;
      margin-left: -640px;
      top: 50% !important;
      margin-top: -500px;
      opacity: 0;
  }
  </code></pre>
  
  <p>The jQuery that changes it.</p>
  
  <pre><code>$('#tagBox').show().animate({
      opacity: 1,
      width: 700,
      height: 500,
      marginLeft: '+=275px',
      marginTop: '+=250px'
  }
  </code></pre>
  
  <p>But that only animated the div. The div's contents stay fixed in the upper right corner. I'm looking for a way to imitate the animation, but just scale the div as a whole, all elements together, preferably in normal javascript.</p>
  
  <p>Thanks!</p>