jQueryのUIアイコンがテーブルに正しく表示されない

Question

jQueryのUIアイコンに重大な問題があり、私が間違っていることがわかりません。私はThemerollerから生成されたカスタムjQuery UIのCSSファイルを使用しています。ここで私はアイコンに使用していますHTMLは次のとおりです。

<span class="expandDescription ui-state-default ui-icon ui-icon-zoomin"></span> 

これは正常に動作しますが、私は、テーブルにそれを置くとき、すべてがめちゃくちゃになり、私はあなたが以下を参照してくださいどのように終わる：

これはIE8にあります。私は何か信じているので、それははるかに良いクロムで動作しません。列の実際のHTMLは次のとおりです。

<td> 

      <span class="expandDescription ui-state-default ui-icon ui-icon-zoomin"></span> 
     </td> 

テーブルのアイコンを使用して正しくレンダリングするにはどうすればよいですか？クレイジーなことは、彼らがthで働いていて、tdで働いていないということです。何かご意見は？

Answer 1

jQueryUIアイコンは、特定のサイズとスプライトの背景位置を使用して作成されます。アイコンコンテナのサイズを拡大するCSSは、どの画像が表示されるかを捨てます。

背景の位置を移動する競合するCSSを確認するか、余白を追加します。