Как именно сверстать этот блок?
https://jsfiddle.net/pvfxnnyt/1/ - суть подхода
https://jsfiddle.net/v2s0z12v/ - моя реализация
Надеюсь, суть понятна.
Для шапки задаем градиентную заливку на 50%.
Меню картинкой будет и оно перекроет "стык".
Ну, или фон картинкой, как в макете.
Хотя я сделал бы просто цвет, там удобно.
Через absolute еще можно, но я не люблю его.
флоатом зафигачь два дива в шапку, и первому задай фон :)