Javascript-форум - Не растягивается дочерний див внутри родительского.

Здравствуйте, есть обычный двухколоночный макет - левая колонка таблица(которая должна тянуться), правая колонк - меню с фиксированной шириной.

Так - всё работает:

<div class="layout">
            <div class="sidebar" >
                Меню
            </div>
            <div class="contents">
                Таблица
            </div>
        </div>

Но вот если добавить ещё один div внутрь, то div c id - Up тянется, а вот div c id - down не тянется

<div class="layout">
            <div class="sidebar" >
                Меню
            </div>
            <div class="contents">
                <div id="Up">
                Заголовок
                </div>
                <div id="Down">
                Таблица
                </div>
            </div>
        </div>

Код:

.layout {

    margin: 15px 0; /* Отступы сверху и снизу */ 

    overflow: hidden; /* Отменяем действие float */

    min-width: 500px; /* Минимальная ширина */

    max-width: 8000px; /* Максимальная ширина */

   }

   .sidebar { /* Навигация по сайту */

    width: 280px; /* Ширина меню */

    float: right; /* Состыковка с другим слоем по горизонтали */

   }

   .contents { /* Основное содержание страницы */

    margin-right: 335px; /* Отступ слева */

    background-color: White;

   }

подскажите - в чём может быть причина сего?