Контейнер содержимого не выравнивается под заголовком

Question

Я не могу сделать контейнер содержимого на this page сидеть под заголовком, не добавляя 3-мерные дополнения к вершине.

Вот главный CSS:

.headerHighlight { 
position: absolute; 
top: 133px; 
} 

.header { 
position: fixed; 
left: 0; 
top: 0; 
height: 133px; 
} 

#main-content { 
padding: 3em 15px 2em; 
overflow: hidden; 
min-height: 100%; 
} 

Любые идеи оценили

Answer 1

1. удалить body padding-top.
2. добавьте margin-top:133px в #main-content и удалите его padding-top.
3. Вы радушны :)

ИЛИ
вы можете установить padding-top для тела, равной фиксированной высоты заголовка и удалить padding-top и margin-top для основного-контента

Answer 2

Просто удалите верхнюю обивка из тела и оставить только высоту для .header класса:

body { 
    background: #E9ECEF url("/images/dark_bg.jpg") repeat; 
    width: 100%; 
    height: 100%; 
    margin: 0 auto; 
    min-width: 960px; 
    font-size: 15px; 
    line-height: 1.7; 
} 

.header { 
    width: 100%; 
    background: #E9ECEF url("/images/dark_bg.jpg") repeat; 
    height: 133px; 
}