stín u divu

Ahoj, potřeboval bych docílit toho, že když mám ve stránce několik divů, ale každý má jinou velikost a je umístěný jinde, třeba jeden uvnitř druhého atd., tak abych z pravé strany a ze spod měl stín. Ale jak to mám udělat, abych ho měl ve stylech nadefinovaný jen jednou pro ten pravý bok a jednou pro spodek a nemusel pro každý div dělat zvlášť stín? Zkoušel jsem to řešit tak, že bych ten stín měl jako nový div, třeba 4px široký , byl by vždycky hozen dovnitř toho divu kterému bude dělat stín a posunutý marginem-left o 100% tak, aby seděl na svým místě, tzn. hned vedle pravého okraje. Myslel jsem, že když tam budu mít těch 100% tak to bude univerzální pro všechny divy u kterých ten stín chci mít. Jenže problém je v tom, že mi to jako těch 100% nebere šířku divu, do kterého je stín vložený, ale nějakou jinou velikost, protože je to vždycky hozeno až docela daleko od okraje kde by měl být:(
Taky tam u něj mám ale nastaveno absolutní pozicování, možná to bude v tom. Když ale nechám relativní tak to bude skákat kvůli ostatním prvkům uvnitř toho divu.
Nechtěl jsem to dělat pomocí obrázku, ale jen pomocí CSS.
Nevíte někdo jak na to ?

Tak napsal jsem menší příklad, čeho chci dosáhnout .. je to Tady
Teď, když v tom divu nemám nic jiného umístěného mi stačí relativní pozicování toho stínu, jenže když už tam budu chtít mít i jiné prvky, musím nastavit absolutní pozicování .. nebo nemusím ? Nevím právě jak :) Ale když ho nastavím, tak už mi blbnou ty procenta ve velikosti a marginu. prostě je ten stín hozen úplně jinde než by měl být. Takže Nerudova otázka teď zní: "Co s tím?"