Hiding TR's - Borders Being Included
<p>Simply doing something along the lines of</p>

<pre><code>$("tr.myclass").hide();
</code></pre>

<p>will hide the relevant rows.  However, if I have a border against the td's contained within that tr, then they still show after the tr has been hidden.  Therefore, the original table has a 1px border on the bottom of the td elements.  The place where the sets of rows are hidden cause a two pixel border to instead take their place.</p>

<p>I'm assuming this is because the tr is being hidden and not the td, so the border still exists. However that shouldn't matter, everything contained within the tr should be hidden.</p>

<p>I'm a bit lost on this one as no-one on the interwebs seem to have encountered it, at least, not by my search critera.</p>

<p>Any ideas?</p>

<p><strong>EDIT</strong></p>

<p>Okay, try it whilst using <code>&lt;col /&gt;</code> and <code>&lt;colgroup&gt;&lt;/colgroup&gt;</code>, you'll find it's reproducable.  My colleague told me to get rid of the col and colgroups and hey presto, it works fine.  This was in IE8 (I'm not an IE user, but this is for an IE-only project).  Very strange.</p>
