html文本溢出拖动框,html – 包含div的CSS内容溢出

目前有些DIV与其包含DIV重叠的问题.见下图(底部的3个产品)：

页面的所有正文内容都保存在#content DIV中：

div#content {

width: 960px;

float: left;

background-image: url("../img/contentBg.png");

background-repeat: repeat;

margin-top: 10px;

line-height: 1.8em;

border-top: 8px solid #5E88A2;

padding: 10px 15px 10px 15px;

}

这是#content div中产品盒的CSS：

.upper {

text-transform: uppercase;

}

.center {

text-align: center;

}

div#products {

float: left;

width: 100%;

margin-bottom: 25px;

}

div.productContainer {

float: left;

width: 265px;

font-size: 1em;

margin-left: 50px;

height: 200px;

padding-top: 25px;

text-align: right;

}

div.product {

float: left;

width: 200px;

}

div.product p {

}

div.product a {

display: block;

}

div.product img {

float: left;

}

div.product img:hover {

opacity: 0.8;

filter: alpha(opacity = 80);

}

div.transparent {

opacity: 0.8;

filter: alpha(opacity = 80);

}

这里是框的HTML：

A2 Print

16.5 inches x 23.4 inches£15.99

Yes - your picture quality is high enough for this size

Select

A1 Print

23.4 inches x 33.1 inches£19.99

Warning - your picture quality may not be sufficient for this size

Select

Poster Print (60cm x 80cm)

23.6 inches x 31.5 inches£13.95

Warning - your picture quality may not be sufficient for this size

Select

知道什么可能导致这些DIV重叠？我想要的是所有的框都符合预期的#container div.这让我疯狂！

干杯