答案 0 :(得分：1)
在这里：http://jsfiddle.net/gVLXV/
因此...
ul.display li .image { background: url(http://propono.co.uk/image-shadow.png) no-repeat top center; } /* Added top and center to the background. */
ul.thumb_view li .image { padding:0 0 0 8px; }
答案 1 :(得分：1)
请注意，我不确定您要使用蓝色bg实现什么，但它在产品图像上的尺寸看起来完全一样......我只是把它放在产品图像的后面，移动如你所愿
编辑::我会加上我的两分钱给你一些指示，以便你可以学习。
一些注意事项，你的CSS可以使用一些真正的组织。这个smashing article非常适合学习css。
接下来，你在整个地方使用花车，我不知道为什么。只浮动每个生产所需的元素。
对于bg图像，你只需要将它的坐标实际设置为居中它，如果链接中的产品图像弄乱了它的位置，你的边距也会偏离中心，这就是浮动。
视图按钮不必要地包装在p标签中，它不执行任何操作。
在我看来，你的标记非常臃肿。您应该从简单的情况开始，只在您认为合适时添加声明。精简CSS通常比膨胀更容易调试。 （与任何代码一样）
此外，使用Firebug或Web Inspector等工具将真正帮助您了解css声明如何实际影响元素的定位。
回答您的新问题
你的margin:0 auto很可能被花车搞砸了。如果它使用的是非浮动的普通内联显示，则可能会这样。视图按钮是内联的，它们只是按照上面的内容向下推，将它从这个显示模式中取出来我把它定位：绝对（注意你必须定位父亲相对）并将它设置在底部左