Div не расширяется даже с содержимым внутри

У меня есть стек div внутри друг друга, все из которых имеют идентификатор, который указывает только CSS.

Но по какой-то причине окружающий тег DIV только расширяет его значение помазанной высоты, а не по умолчанию автоматически, что означает, что, хотя содержимое внутри, DIV поддержки поддерживает только определенную высоту. Мне нужно, чтобы он отрегулировал высоту до размера того, что внутри него (так как будут отображаться данные пользователя, которые будут отображаться в пунктах с более чем 500 словами).

Вот мой HTML

<div id="albumhold">

    <div id="albumpic">Pic here</div>

    <div id="infohold">

    <div id="albumhead">Name | Date</div>
    <div id="albuminfo">Information</div>

</div>

И CSS для HTML-кода:

#albumhold {
    width: 920px;
    padding: 10px;
    height: auto;
    border: 1px solid #E1E1E1;
    margin-left: auto;
    margin-right: auto;
    background-color: #E1E1E1;
    background-image: url(../global-images/albumback.png);
    background-position: top center;
    background-repeat: repeat-x;
}

#albumpic {
    display: block;
    height: 110px;
    width: 110px;
    float: left;    
    border: 1px solid #000;
}

#infohold {
    width: 800px;
    background-color: #CCC;
    float: right;
    height: 20px;
}

#albumhead {
    width: 800px;
    height: 20px;
    text-indent: 10px;
    border: 1px solid #000;
    color: #09F;    
}

#albuminfo {
    margin-top: 5px;
    width: 800px;
    float: right;
    color: #09F;
    word-wrap:break-word;
}

Помощь приветствуется.