css - 用背景图片保留 div 元素的宽度

Question

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

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

示例在这里：http: //jsfiddle.net/meridius/4Dk2n/

编辑：

我不介意重组元素！

Answer 1

尝试设置min-width.<div>

.sprites-sachy { 
    min-width: 100px;
}

Answer 2

min-width:100px

或者

padding-right:50px

或者

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

Answer 3

好的，所以我<div>为按钮和图形添加了一个包装并更改了 css，这是工作结果。

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