заголовок опущен только в firefox

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

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

.home-body { 
    position: relative; 
    top: 0; left: 0; 
}

Я попытался: содержать вместо : крышка- не работает.

Тогда я, хотя это имел отношение к высоте: авто, но нет.

Я экспериментировал с домашней страницей, хотя это происходит на всех страницах.

вот сайт:

http://lindseypod.com/v10/

мое тело тег:

body { 
    font-family: 'Roboto', sans-serif; 
    font-size: 15px; 
    line-height: 1.5; 
    font-weight: 100; 
    padding: 0; 
    margin: 0; 
}

У меня есть body.home-страница с фоном изображением со свойством CSS обложки:

.home-page { 
    background: url(images/home_2.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 

}

thenI имеет заголовок с элементами внутри него:

header { 
    width: 100%; 
    background-color: rgba(255,255,255,0.8);  
}

.header-контента в заголовке:

.header-content, 
.footer-content, 
.content, 
.bars-content { 
    width: 96%; 
    height: auto; 
    margin: 0 auto; 
    color: rgba(255,255,255,1); 
    max-width: 960px; 
}

источник

2013-10-03 Lindsey Boyden