Нет пробела между основанием div и div внутри

Question

У меня есть div внутри div, и при просмотре веб-страницы в IE6 он не отображает интервал между нижней частью div class = "video-tour" и нижней частью div class = "content-body"

Вот как это выглядит в IE6: http://i42.tinypic.com/20zs7s7.png

Вот как выглядит корректное отображение в Safari: http://i44.tinypic.com/2h69de1.png

CSS для .video-tour <- как вы увидите, есть несколько видео, которые разбиты на разные блоки, они имеют ширину 31% </p>

.video-tour {
    float:left;
    width:31%;
    border:1px solid #fdbe2f;
    background-color:#ffc;
    text-align:center;
    padding:3px;
    overflow:auto;
    margin:6px;
}

.video-tour img {
    border:1px solid #fdbe2f;
    padding:3px;
}

CSS для .content-body, который .video-tour находится в пределах

.content-body {
    padding:10px 15px;
    font-size:.8em;
    font-family:arial;
    overflow:auto;
}

Будет полезна любая информация о том, почему в IE6 нет пробелов внизу, а в других браузерах - пробелы.

Answer 1

Попробуйте добавить div внизу после видео-тура, который имеет стиль очистки: оба.

Answer 2

Я верю, потому что вам нужно очистить поплавки.

Вы можете попробовать разместить

<div style="width: 100%; overflow: hidden;"><!-- floats go here --></div>

Вокруг всего контента с видео-турами.