使用背景图像保留div元素的宽度

Question

我有来自精灵的背景图片的<div>元素。在<div>的左侧和右侧，我有<input>个按钮（上一个，下一个）。 问题是带有背景的<div>似乎没有任何宽度，因此它被挤压在两个按钮之间（并覆盖）。

问题是：如何保留<div>元素的宽度？

示例如下：http://jsfiddle.net/meridius/4Dk2n/

修改

我不介意重组元素！

Answer 1

尝试设置min-width的{​​{1}}属性。

<div>

Answer 2

min-width:100px

或

padding-right:50px

或

或将 放入div元素（因此它不为空）并添加width:100px;

Answer 3

好的，所以我为按钮添加了一个<div>换行图并改变了css，这是工作结果。

http://jsfiddle.net/meridius/4Dk2n/2/