CSS下拉导航问题

Question

http://madeinmayhem.com/ 是我遇到问题的网站。

我的问题在于添加产品后的“我的购物车”下拉菜单。我的一个下拉列表中的列表项有问题。

基本上我需要它做的是在一行中水平列出信息，用于下拉列表中的按钮。在这种情况下，它是一种产品，其图像、名称、数量和成本在一条线上。但它在宽度或其他方面有问题，所以信息堆积在下面。

我试过在阳光下改变它上面的所有东西，但不知道为什么会这样。如果我将 cart_list ul 从 position:absolute 更改为 relative 它会很好地扩展它，但是它会弄乱父链接。

有什么想法吗？

Answer 1

以后，请发布 JSBin。

示例：http://jsbin.com/atELAhat/1/edit?css,output

需要添加一个宽度来容纳内容。

/* added */
ul.cart_list > li {width:300px}