Проблемы CSS с плавающей точкой, одна таблица стилей, идентичные идентификаторы

Question

В настоящее время я работаю над проектом, в котором панель навигации перемещается влево, а затем содержимое справа от этого, также перемещается, так что оно совпадает с содержимым навигации. В настоящее время у меня первая страница в порядке и она плавно перемещается, но когда я пытаюсь разместить содержимое следующей страницы, она спрыгивает вниз и вообще не плавает. Оба находятся в отдельных div-файлах и в отдельных html-документах, и оба имеют одинаковые атрибуты с плавающей точкой. Я не понимаю, почему, если оба имеют один и тот же точный код и имеют достаточно места для плавания, почему содержимое второй страницы не может сделать то же самое? Я и должен использовать одну таблицу стилей для всех страниц.

CSS для тела

body {
        width: 980px;
    margin-left: 8%;
    margin-right: 8%;
    margin-top:2%;  
    padding: 0;
    font-family: "gill sans", sans-serif;
    font-size: .8 em;
    background-color: #CCC;
}

CSS для навигации

#containernav {
float: left;
padding: 0;
width: 120px;}

CSS для страницы 1 и 2

#content_main, #content_main2 {
padding:0;
margin:0;
width:750px;
float:left;
background-color:#A30000; }

Answer 1

Полагаю, содержимое внутри плавающего элемента div на странице 2 будет больше, чем 750px, в результате чего его родительский элемент растянется, а элемент div будет сдвинут вниз.