Баграунд не помещается в блок
 

Здравствуйте!
Прошу помощи.
Во вложении нарисовал примерную схему. Есть родительский блок и внутри него меню и сам текст статьи.
Так вот. Фоновое изображение верхнего меню прозрачная картинка рванного края бумаги. Все дело в том, что данную картинку очень трудно обрезать так, чтобы замостить бакграунд. А ширина картинки 1200 px. Ширина меню адаптивная width=100%; max-width:1200px; То есть как раз на всю ширину картинки баграунда.
Вопрос. Как правильно прописать стили CSS, чтобы в видимой части верхнего меню была видна часть картинки баграунда, а левая часть, которая выходит за блок была не видна?
Спасибо!

Поможет?

overflow: hidden;

background-size: cover;