overflow scroll not working in table when using firefox
<p>I try to show a scrollbar in my table if the value of the cell is too long, i tried it with <code>overflow</code> but as you can see it does not work, there is no scrollbar, the word is displayed in it's full length</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>table {
  border: 1px solid black;
}

table td {
  border: 1px solid black;
}

table th {
  border: 1px solid black;
}

.test {
    overflow: scroll;
    color: red;
    max-width: 50px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
&lt;tr&gt;
  &lt;th class="test"&gt;Filename&lt;/th&gt;
  &lt;th&gt;value&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td class="test"&gt;Very long filename for demonstration&lt;/td&gt;
  &lt;td&gt;Test&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;</code></pre>
</div>
</div>
</p>

<p><strong>UPDATE</strong>:</p>

<p>I just noticed that the scrollbars are showing if i am using Chrome Browser, but not if i use Firefox. So unfortunatelly <code>overflow</code> does not seem to be compatible with firefox.</p>