Переполнение CSS DIV

Question

Сайт: http://partsconsign.com/parts/?custid=1

Я не знаю, что случилось.Внезапно, без изменения CSS, когда я расширяю категории «просмотра», они выходят за пределы содержащихся div.Вот css из divs:

.bodyArea
{
    width: 900px;
    background-image:url(/images/bg.jpg);
    background-repeat:no-repeat;
    border-width: thin;
    border-style: solid;
    margin-left:auto;
    margin-right:auto;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-height: 900px;
}

.pageArea
{
    background-image: url(../images/page_bg.jpg);
    background-repeat: repeat;
    width: 95%;
    position:relative;
    margin-left: 25px;
    margin-top: 30px;
    min-height: 700px;
    height:auto;
}

#partCat {
    width: 775px;
    padding:5px;
    cursor:pointer;
}

Я не понимаю, почему расширение этих div вызывает любое переполнениеНи один из этих элементов не имеет абсолютного позиционирования.Что я делаю неправильно?#partcat находится внутри .pageArea, которая находится внутри .bodyArea.Я просмотрел много вопросов, заданных ранее здесь, но все они, кажется, имеют немного разные проблемы.Помогите!

Answer 1

Вы div зафиксированы на 30px высоте. Снять высоту с этой части

<div style="height: 30px; width: 100%">

_{Проверено через firebug, ЭТО РАБОТАЕТ}