如何将jQuery滑块拉伸到其内容

我想将jQuery滑块拉伸到其内容

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

---

仅当我添加显示时：表格单元格；要使用slider类，我获得了所需的行为，但它在Firefox中不起作用，看起来不是一个选项。

display:inline

与

display:table cell

的结果相同，这是您想要的吗

编辑

如果需要它像块元素一样工作，请使用

display:inline block

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

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