Почему мой div-контейнер не содержит плавающих элементов?

м создание сайта для моих школ "Математическое реле " соревнование.

У меня есть "Контейнер" div (с белым фоном), затем верхний бар, левый бар и правый бар div внутри контейнера.

левый и правый столбик плавают внутри "Контейнер".

Однако, если вы посмотрите на изображение ниже, вы увидите, что правая полоса имеет серый фон под ней. Если "Контейнер" действительно содержит верхнюю, левую и правую полосу, тогда это должен быть фон контейнера, который просвечивает, а нижняя часть должна быть на одном уровне с белым цветом.

Вместо этого кажется, что контейнер нет полностью содержит левый & правая полоса и, следовательно, фактический фон тела просвечивает внизу правой полосы.

Вот мой CSS:

#container {
    margin: 0 auto;
    width: 750px;
    background-color: #ffffff; }

#top-panel {
    background-color: #000000;
    text-align: left;
    width: 100%;
    height: 88px;
    float: left; }

#left-panel {
     clear: left;
     text-align: center;
     background-color: #ffffff;
     border-right: 1px dashed #000000;
     float: left;
     width: 250; }

#right-panel {
    background-color: #ffffff;
    float: left;
    width: 499; }

Как я могу сделать "контейнер" действительно содержите внутри него элементы div, чтобы серый фон не отображался под моей правой панелью и не создавал неровный уровень внизу?

Ответы на вопрос(5)

Ваш ответ на вопрос