html - 无法弄清楚是什么使 div 中的内容向下滑动

Question

代码(HTML/CSS): http://jsfiddle.net/2tXZ6/6/

我无法抽出时间来正确找出我的代码中导致我的产品单元设计出现以下异常的问题。

1. Product title, product description, product images(1 2 3 4 links) 应该一直在小图的左边，而不是在它的下面。

2. Product price 和 status 是否有货，应该在 product title 的左边>、产品描述和产品图片。相反，它是不可见的。

3. 当您将鼠标悬停在链接 1、2、3 或 4 上时，弹出窗口出于某种原因会拉伸(stretch)整个 product cell div而且您看不到整个图像。

有人知道这里可能出了什么问题吗？

Answer 1

1. 从div.product_info 中的元素中移除 float .让 div 本身 float 就足够了。在图像、信息 div 和标签 div 上使用 float:right。
2. 缺少结尾 </a>来自链接 2、3 和 4，缺少结尾 </ul>
3. 无法在 FF6 中复制，可能已通过先前的点或所需的更多信息修复。

http://jsfiddle.net/2tXZ6/9/