title: auto fit div using jquery
body: <p>i have nested divs the parent div is named "rDiv" lets just say that the structure 
  is like --></p>
  
  <pre><code>______________________________
  |                             |
  |                             |
  |     [1]-child div1          |
  |                             |&lt;-[rDiv]-parent div  
  |              [2]-child div2 |
  |                             |
  |_____________________________|
  </code></pre>
  
  <p><code>rDiv</code> is the parent div and the children of that div are <code>[1]</code> and <code>[2]</code>.</p>
  
  <p>What I'm trying to do is to make is so that when you click the children div(s) it auto-fits to the parent div height and width.</p>
  
  <p>I tried it in JQuery using :</p>
  
  <pre><code>.css({width:,height}); 
  </code></pre>
  
  <p>But it over lapses the parent div.</p>