title: How to create a table cell that scrolls when overflowing
body: <p>I must create a table cell with a fixed height and width, but with a lot of content; something using <code>overflow: auto</code>. The problem is that I can't use <code>display: block</code> on a table cell (it kind of breaks the table layout) so I tried this:</p>
  
  <pre><code>height: 100px;
  overflow: auto;
  position: relative;
  width: 1280px;
  </code></pre>
  
  <p>But it's not working. Here is my markup:</p>
  
  <pre><code>        &lt;tr&gt;
              &lt;td colspan="3" style="width: 1280px; overflow:auto;"&gt;
                  {assign var="latime" value=$agenda|@count}
                  {assign var="latime" value=$latime*150}
                  &lt;div style="width: 1280px; position: relative; overflow: auto; "&gt;
                      &lt;div style="width: {$latime}px; height: 100px; position:relative;"&gt;
                          {assign var="i" value=0}
                          {foreach from=$agenda item=ag}
                              {assign var="img" value=$agenda[$i][3]}
                                  &amp;nbsp; &amp;nbsp;&lt;img src="{$img}" id="imag{$i}" onclick='schimbaslidetoti({$i})' /&gt;&amp;nbsp; &amp;nbsp;
                              {assign var="i" value=$i+1}     
                          {/foreach}
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  </code></pre>