title: jQuery selectable bugs?
body: <p>I have a table with links in the header that hide a range of cells. I want to make cells <code>selectable()</code> using <a href="http://jqueryui.com/%20jQueryUI" rel="nofollow">jQueryUI</a>, but hidden cells + <code>selectable()</code> are causing some strange behavior.</p>
  
  <p>Example: <a href="http://jsfiddle.net/gvmNv/1/" rel="nofollow">http://jsfiddle.net/gvmNv/1/</a></p>
  
  <p>In Chrome, if the cells are hidden and then <code>selectable()</code> is applied, it looks like some phantom cells are inserted into the table, but they are not in the dom (table 1). </p>
  
  <p>In table 2, the same thing will happen if click to hide the cells and then do a selection.</p>
  
  <p>In IE8, if the cells are hidden, when you select over the hidden cells, the hidden cells are also selected.
  Additionally, if a range of cells are selected and then hidden, subsequent selections do not unselect the hidden cells.</p>
  
  <p>I did not see these problems in Firefox 9.</p>
  
  <p>Can anyone explain this? Is there a way to fix it?</p>