jquery - jQueryスライダーをコンテンツに引き伸ばす方法

Question

jQuery スライダーをそのコンテンツに引き伸ばしたい。

<div id="slider">1 2 3 4 5 6 7 8 9 10 </div>​

.

$("#slider").slider({ max:10,});​

.

#slider
{
margin:20px;
max-width:400px; 
}​​​​​​​​​​​​​​​​​​​​​​​

http://jsfiddle.net/U2e77/

display:table-cell; を追加した場合のみ。スライダー クラスに追加すると、目的の動作が得られますが、Firefox では機能せず、オプションではないようです。

Answer 1

display:inlineと同じ結果になりましdisplay:table-cellた。これでよろしいですか?

編集

ブロック要素のように振る舞う必要がある場合は、display: inline-block