How to Fix Dashed Border Not Showing Problem In Firefox?

The following code to generate dotted border will not work in Firefox browser.

  <table border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td width="35"style="width:35px;"> </td>

   <td width="530" align="center" style="width:530px;border-bottom: 1px dotted #7f7f7f"> </td>

    <td width="35" style="width:35px;"> </td>
   </tr>
</table>

To make it work on firefox, you can simply add the following piece of css code.

<style type="text/css">
 table {border-collapse: separate; border-spacing: 0;}
</style>

It will work now.