Position absolute
 

Подскажите, пожалуйста, как решить следующие проблемы по этому макету сайта
http://beispiel.uphero.com/

1) Работа над макетом в процессе. Прежде, чем прописывать media queries, хотелось бы справиться с проблемой торчащего правого края полоски меню при сжатии окна браузера:
когда мы сжимаем окно до определённого размера, появляется горизонтальная полоса прокрутки, прокручиваем её и видим торчащий край полоски иеню.

Пытался решить проблему такими стилями для header (полоска с меню):


.header {
border-bottom: 1px solid #e5e500;
background-color: #000;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 55px;
justify-content: center;
left: 0px;
opacity: .8;
position: fixed;
right: 0px;
top: 0px;
z-index: 100;
}



2) Если открывать в Firefox, то текстовый слайдер игнорирует position: absolute и смещается под картинку
(а должен быть на её фоне). Читал, что это баг Firefox, но не нашёл варианта решения, который бы помог в моём случае.

3) Этот вопрос не по теме, но, может быть, кто-то подскажет, почему хост выборочно отображает изображения.
На localhost всё отображается, путь к файлам прописан верно, названия (регистр) прописаны верно.
Менял варианты расширения файлов - без результата.

Какого меню? У вас проблемы в секциях портфолио и ебаут. Проблемные места находятся или визуально по аутлайну на *, или методом удаления подозреваемых. Удалили возможный блок - ничего не поменялось, значит не он, удалили другой и так далее. Удалили - полегчало, обновили страницу, ищите внутри проблемного что именно вылезает.

Стили у вас бредовые до невозможности. На такой простой полосатый шаблон наворочено х знает что что вообще там не нужно стопицот лет.

Меню - блок сверху, где находятся ссылки на секции страницы (Home, Services, Portfolio, Journal, About us, Contact).

Методику отладки понимаю, проблема не в секциях Portfolio и About. Проблема именно в позиционировании header = меню ( position: fixed; )