title: position fixed but relative to a container
body: <p>I have to display two divs (in and out) so that they are positioned one on the left, the other on the right.</p>
  
  <p>Using this css code they fit perfectly great on full screen, but I would like to be able to put them into a parent div, that will be the container</p>
  
  <pre><code>#in{
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50%;
        overflow: auto;
        font-size: 12px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.2);
      }
  
  #out{
        position: fixed;
        top: 0;
        right: 0;
        left: 50%;
        bottom: 0;
        overflow: auto;
        padding: 10px;
        padding-left: 20px;
        color: #444;
        font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
        font-size: 16px;
        line-height: 1.5em
      }
  </code></pre>
  
  <p>Can anyone help me modify this code for that matter ?</p>
  
  <p>Thank you</p>