Подскажите, пожалуйста, как решить следующие проблемы по этому макету сайта
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 всё отображается, путь к файлам прописан верно, названия (регистр) прописаны верно.
Менял варианты расширения файлов - без результата.