title: How to make one div not move another
body: <p>I asked a similar question about a week ago, except now I'm having a different problem.<br>
  Previously, I was trying to get dynamic jQuery tabs to appear in front of the navigation bar on my website. The dynamic tabs contain user objects such as: "User Control Panel" and "Quick Links". </p>
  
  <p>Anyway, using the "z" coordinate available in CSS I was able to position the tabs (pre and post minimization) in front of the navigation menu (and the rest of the website too). However, I'm having a different problem now. The tabs are in a row on the side of the webpage like this:</p>
  
  <pre><code>                                                                             T
                                                                               A
                                                                               B
                                                                               1
  
                                                                               T
                                                                               A
                                                                               B
                                                                               2
  
                                                                               T
                                                                               A
                                                                               B
                                                                               3
  
                                                                               T
                                                                               A
                                                                               B
                                                                               4
  </code></pre>
  
  <p>Everything works fine, except when I click on one of the tabs, the box with the data comes out of the side panel (as it should) and takes up the space along the side and pushes the other tabs down. I'd like to make the tabs stay in place and the box to come out anyways. This is what it does now:</p>
  
  <pre><code>                                                                             T
                                                                               A                                                                                                     
                                                                               B
                                                                               1
  _____________________________________________________________________________
  |
  |
  |
  |
  |
  |
  |
  |
  |
  |
  |
  |
  |
  |
  ----------------------------------------------------------------------------
                                                                               T
                                                                               A
                                                                               B
                                                                               2
  
                                                                               T
                                                                               A
                                                                               B
                                                                               3
  
                                                                               T
                                                                               A
                                                                               B
                                                                               4
  </code></pre>
  
  <p>Code:
  <a href="http://jsfiddle.net/hLLPL/" rel="nofollow">http://jsfiddle.net/hLLPL/</a></p>