Dias

Для .slider - pointer-events: none; а для slide-content-text - pointer-events: auto;

3 минуты назад, Dias сказал:

Для .slider - pointer-events: none; а для slide-content-text - pointer-events: auto;

аа, уже ответили сорян

уберите у ссылки которая оборачивает h1 фикс. высоту, или замените на min-height

да с бордюром боковая граница не очень отрисовывается. Все равно это один большой костыль)

По мне легче картинкой, но можно и поизврощатся, накидал на скорую руку http://codepen.io/anon/pen/dMdNqG, правда криво))

Как вариант убрать margin-bottom для блока с id=headRight 

https://jsfiddle.net/dvugb8w1/1/чет перемудрил кажется 

https://jsfiddle.net/hhrjpjg3/11/ ?

Вам объяснить, почему брезгуют table-cell?

Бывают сложности с размерами. Всё-таки у таблиц работа с размерами отличная от блоков, ячейки часто не слушаются свойств width и height, отдавая предпочтение контенту.

 

А вот оснований не использовать флекс не вижу. На нём раскладка делается легко и красиво.

А если нужна поддержка IE8, то под условным комментарием подключаем отдельный файл стилей, в котором флоаты, а на высоту забить.

Можно добавить внутри обертку, и ей задать размер, но что-бы сработало нужно чтобы все внутренне обертки в сумме по ширине давали 100%. Хотя да это все равно геморой)

а что сложного в блоках одинаковой высоты? или все до сих брезгают table-cell?)) есть flex-box еще.

Возможно IE не может сжевать ttf, попробуйте WOFF. Или шрифт нормально загрузился?

https://jsfiddle.net/37dc9evo/ это же просто смещение по Y на 1px?))

Добавить для .menu-box ul li:last-of-type>ul  left: auto; right: -1px; для .menu-box ul li:last-of-type>ul ul left: auto; right: 212px;