title: Visibility:Hidden - How to do this in Firefox?
body: <p>I have been reading these forums for some time, but this is my first question :)</p>
  
  <p>The question is related to styling tables. If you look at my page in Chrome, at the bottom left of my table and the bottom left <code>&lt;td&gt;</code> tag, I was able to hide the borders the using <code>visibility:hidden;</code> But, in Firefox, the <code>&lt;td&gt;</code> still shows these borders. I have found that Firefox doesn't like the <code>visibility</code> attribute.</p>
  
  <p><a href="http://allramhosting.com/new/shared-3/" rel="nofollow">http://allramhosting.com/new/shared-3/</a></p>
  
  <pre><code>.hide
  {
      visibility: hidden;
  }
  
  &lt;td class="hide"&gt;&amp;nbsp; &lt;/td&gt;
  </code></pre>
  
  <p>Does anyone know a way around this that will work in multiple browsers? I also tried border-color:white; in the <code>&lt;td&gt;</code> on <code>&lt;tfoot&gt;</code> and that almost works; it keeps the very bottom border line visible.</p>