Как растянуть ползунок 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/

Только когда я добавляю дисплей: настольный ячейки; для класса слайдера я получаю желаемое поведение, но он не работает в Firefox и выглядит как не вариант.

Answer 1

display:inline сделал тот же результат, что и display:table-cell, это то, что вы хотите?

EDIT

, если вам это нужно, чтобы вести себя как блочный элемент, используйте display: inline-block