Нужно грамотно спозиционировать елемент

[Hocok44]

Здравствуйте уважаемые веб-специалисты.
У меня казалось бы простой вопрос, но он почему-то ввел меня в ступор на пару дней.
Начал верстать первый свой макет (бесплатно, дабы наработать знаний в процессе), привожу скриншот его верхней части, на которой теперь уже два дня топчусь:



На данный момент имею вот что (зеленый фон, для лучшего зрительно восприятия):



Задача - грамотно спозиционировать параллелограмм-затемнение под "психологические тесты для женщин".
Сложность задачи в том, что "слой-параллелограмм" должен быть под "слоем-белая волна" внизу сиреневой шапки и четко позиционировался относительно какой либо ширины.
Сейчас он у меня под "белой волной", но отпозиционировать его относительно ширины не представляется возможным, - потому как ширина у сиреневого блока-шапки не задается (задать её с большим запасом не предлагать,- это извращение).
Если же перестроить архитектуру расположения блоков, то появляется возможность задать ширину дополнительного блока внутри сиреневого блока и соответственно четко отпозиционировать "параллелограмм", но положить его под "белую волну" уже не получается, даже при задействовании z-index (родительский блок не может быть над дочерним, если я правильно понимаю).

Коды верстки приводить не буду, проще скачать полноценный архив с ней (там еще изображения).

Архив с версткой:
Polnocvet.rar

Заранее большое спасибо за любые советы.

[_SanR]

Есть предложение.
Картинка с предложением и подправленный файл прикрепил к сообщению.

[Hocok44]

Сообщение от _SanR

Есть предложение.
Картинка с предложением и подправленный файл прикрепил к сообщению.

Спасибо! Одновременно с вами точно такой-же вариант предложил еще один откликнувшийся человек. Решение работает и мне нравится )
Сам я как-то и не смотрел в сторону нижнего контейнера.
Спасибо еще раз, будем дальше ковырять.