title: Position Fixed in CSS within a bounding box?
body: <p>I have a comment box like so...</p>
  
  <pre><code>&lt;div id="comments"&gt;
     ...
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, inside this comments div I have another div called box...</p>
  
  <pre><code>&lt;div id="comments"&gt;
     &lt;div id="box"&gt;
         ...
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The box div is position: fixed and it works mostly fine, but...</p>
  
  <p>What I would like is, instead of the box div "floating" above all the content, for it
  to be only scrollable within the comment div.</p>
  
  <p>Do i need to use JavaScript for this?</p>