[ansi_str]

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

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

<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;
   }

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