Фиксированное меню + лого

в общем проблема следующая. фон на сайте - целая картинка. позиции с меню и логотипом с прозрачным фоном.
зафиксировал меню (чтобы всегда находилось наверху страницы) появилась проблема.. контент при прокручивании залезает за менюшку.. получается криво.
хотелось бы узнать, что можно сделать чтобы контент не отображался за этими позициями?
или только отдельный фон для этой позиции спасет?

 

Можно попробовать установить позицию для меню и контента как relative. Затем для меню установить z-index выше чем для контента.