title: Horizontal scroll in table cell
body: <p>I have the following peculiar problem. Lets start with a code snippet:</p>
  
  <pre><code>...
  &lt;td&gt;
     &lt;div class="scrollable"&gt;...&lt;/div&gt;
     ...other cell content...
  &lt;/td&gt;
  ...
  </code></pre>
  
  <p>Now I want the table render as if the <code>div.scrollable</code> wouldn't take any horizontal space (i.e. the <code>div.scrollable</code> doesn't push on the right side of the table), but show the horizontal scrollbar (on the <code>div.scrollable</code>, not on the whole cell) if the <code>div.scrollable</code> is wider then the containing cell. Is that possible to do via CSS?</p>
  
  <p>Thanks!</p>