CSS относительное расположение элементов, намеренное перекрытие?

Question

У меня есть два div внутри родительского div, который я бы хотел разместить относительно. Единственное, что я хотел бы, чтобы один div заполнил 100% родительского элемента и перекрыл второй div, который я хотел бы заполнить 50% родительского элемента, но выровнялся по правому краю. Если я уменьшу ширину первого div, то второй div станет видимым без необходимости скрывать его.

Как это можно сделать?

Answer 1

Не может быть сделано с относительным позиционированием, оно должно быть абсолютным:

http://jsfiddle.net/WKJwk/