title: DIV not shrinking when resizing
body: <p>So I have a site with a simple two DIV panes: a content area left and a fixed 300px menu right, both of them going to a max of 1200px. I want users to be able to resize the window and have the LEFT pane shrink with the right menu staying fixed. But right now I can't find any way to do this, everything looks good at max size, but the left pane doesn't shrink if I resize the window, instead the right menu just wraps to the bottom of the screen. This would be easy with a left menu but the menu is on the right. Here is what I have so far:</p>
  
  <pre><code>#main
  {
   max-width: 1200px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 0;
   display: block;
   padding: 0;
  }
  #left
  {
   max-width: 890px;
   float: left;
   padding-right: 10px;
  }
  #right
  {
   width: 290px;
   top: 0;
   float: right;
   padding-right: 10px;
   padding-left: 10px;
  }
  </code></pre>