Közben összedrótoztam de továbbra is érdekelne, mi a "rendes megoldás" (már ha IE esetén lehet erről beszélni, hiszen eleve külön htc fájl kell a normális CSS működéshez, mellesleg ez okozza a problémát).

Szóval:

http://keszletellenor.hu/sandbox/index2.php

IE8 alatt: bal oldalon ahogy kinéz, jobb oldalon ahogy ki kéne néznie a piros DIVnek (tekintsünk el a padding-margin szépséghibáktól). A lényeg a piros DIV, melynek pozíciója absolute. Ha ebbe beteszek egy újabb DIV-et, melynek árnyékolást adok (itt behívja az ie-css3.htc fájlt, ami nélkül IE nem működne), akkor ez az árnyék (nem a DIV!) pontosan annyival csúszik lefele, mint amennyi az abszolút vertikális pozíciója a piros DIVnek. Csak akkor jelenik meg jól, ha kényszerből duplikálom a divet (zöld), de ez már relative, ami azon belül van, az már ok.