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/ ?

Можно добавить внутри обертку, и ей задать размер, но что-бы сработало нужно чтобы все внутренне обертки в сумме по ширине давали 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;