overflow: auto; works fine in chrome but not in firefox

Question

I have been searching the web for a solution for 3 hours without success. I want to set overflow: auto to tag as follows:

td {
 overflow:auto!important;  
}

It works fine in chrome but not in Firefox. I checked my entire css file by w3c css validator. There is no error too. Any idea please? I am sorry if it is very silly question but everyone have to learn this first to be expert.

Answer 1

Try wrapping it in a <div>. The overflow attribute is not defined for a <td> element.

See here

Try to put your overflow:auto to the wrapper like this,

pre, div {
    width:100%;
    overflow: auto !important;
}

See demo

Answer 2

Try this

  td {
      height: 20px; // mention a height
      overflow:auto!important;  
  }