смотрите в сторону background-size: htmlbook.ru/css/background-size
хотите, чтобы картинка полностью помещалась? значение contain
хотите, чтобы картинка была на 100% высоты блока, а ширина изменялась пропорционально? тогда background-size: auto 100%;
другой вопрос, что после перехода на site.ru, браузер "забудет", что вы там писали.
а вообще, для выполнения js на сайтах есть специальные расширения для браузеров, например greasemonkey.
Уберите у .container-main-style свойство "float:right", а у header nav добавьте "text-align:right". И все.
У вас ведь inline-block используется, зачем вам это обтекание.
"Серебряной пули" тут нет, иначе с кроссбраузерностью давно бы уже никто не парился:) Было бы здорово - подключил пару библиотек, написал стили и все везде хорошо отображается.
На самом деле все несколько сложнее. И верстку надо тестировать во всех целевых браузерах в любом случае. Бывает так, что вроде css отлажен, вроде все должно поддерживаться, но FF и Хром по-разному посчитали расстояние в пикселях, и в одном блок уполз, а в другом нет. Хотя, казалось бы такого не должно быть.
В общем - нет, недостаточно.
