Верстка,- как грамотно спозиционировать елемент?

Всем форумчанам здравствуйте.

У меня казалось бы простой вопрос, но он почему-то ввел меня в ступор на пару дней.

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

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

Задача - грамотно спозиционировать параллелограмм-затемнение под "психологические тесты для женщин".

Сложность задачи в том, что этот слой "параллелограмм" должен быть под слоем "белая волна" внизу сиреневой шапки и четко позиционировался относительно какой либо ширины.

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

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

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

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

[ATTACH]122909[/ATTACH]

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