title: problems with scroll and position
body: <p>I'm trying to do a page that's divided in two big divs that contains information. </p>
  
  <p>One of this divs is the actual page (width:910px), and the other is a pane that is positioned FIXED in the html and is (width:400px).</p>
  
  <p>So the second div is over the first. </p>
  
  <p>The thing is that i'm trying to put overflow auto in the two divs and the two scrolls appears at the right of the navegator, and I need that the scroll of the first div could appear in the left of the second div (the one thats positioned fixed and is over the first div).</p>
  
  <p>this is my code:</p>
  
  <p>body
  div id="user_id"
  (full of code with the page content)
  /div</p>
  
  <p>div id="pane"(the content of div pane)
  /div</p>
  
  <p>then the css: </p>
  
  <p>id pane { background: none repeat scroll 0 0 #282829; bottom: 0; position: fixed; right: 0; top: 0; width: 450px; font-family: HelveticaNeue; font-size: 14px; overflow: auto;}</p>
  
  <p>id user_id {width: 910px; float: left; margin-top: 80px; margin-left: 10px; position: fixed; overflow: auto;  }</p>
  
  <p>like this i get the two scrols but the two of them are at the right of the browser. I need that the id_user can have the scroll at the side of pane and floating with it</p>
  
  <p>anyone knows how can i do this??? thanks!</p>