モバイルテーブルがクラッシュするIE9

Question

ブラウザがクラッシュするIE9のバグで私の髪を引っ張っています。私はメディアクエリを使用して小さな画面デバイス用に再フォーマットしているテーブルを持っています。それはかなり滑らかなコーディングですが、IE9ではIE9がクラッシュするメディアクエリよりもブラウザウインドウを大きくサイズ変更するとIE9で発生します。あなたはそれをCSSから取り除こうとしたときにそれをするように見えますが、それを追加するときにはそうではありませんか？

私はソースcode hereを投稿しました。それをIE9で再スケーリングしてみてください。

ソースを更新し、what is causing the problemに絞り込んだ。

HTML ...

<table width="100%"> 
<thead> 
<tr> 
<th><a href="#">Detail 1</a></th> 
<th><a href="#">Detail 2</a></th> 
<th><a href="#">Detail 3</a></th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td data-label="Detail 1: ">Detail 1 Here</td> 
<td data-label="Detail 2: ">Detail 2 Here</td> 
<td data-label="Detail 3: ">Detail 3 Here</td> 
</tr> 
<tr> 
<td data-label="Detail 1: ">Detail 1 Here</td> 
<td data-label="Detail 2: ">Detail 2 Here</td> 
<td data-label="Detail 3: ">Detail 3 Here</td> 
</tr> 
<tr> 
<td data-label="Detail 1: ">Detail 1 Here</td> 
<td data-label="Detail 2: ">Detail 2 Here</td> 
<td data-label="Detail 3: ">Detail 3 Here</td> 
</tr> 
</tbody> 
</table> 

CSS ...

@media only screen and (max-width: 800px) { 
TABLE TBODY {float:left} 
TABLE TBODY TR {float:left} 
TABLE TD {float:left} 
TABLE TD:Before {float:left;content:attr(data-label)} 
} 

Answer 1

[OK]を、よく1つの修正がフロート追加しているように見える：TABLEタグに左に。私は本当にテーブルをフロートしたくないので、私は他の修正を探し続けるつもりです。