Ozadje child elementa preko parent elementa

Prehitro sem pritisnil pošlji in ima tako tema naslov test, prosim Vinija če jo lahko primenuje v "Ozadje child elementa preko parent elementa". Hvala!

Najprej naj se opravičim za angleško izrazoslovje, se tako veliko lažje izražam

Imam situacijo, ko želim div elementu, ki je znotraj drugega div elementa, na zgornjem robu dodati rdečo črto v obliki slike ozadja (npr. background-image).

Ali obstaja kakšen trik kako rešiti situacijo, ki je prikazana tudi na spodnji sliki (se mi zdi da z-index v tem primeru ne pride v poštev)?

div.inner ima še par parent div-ov, v njem se prikazuje dinamična vsebina, CSS pa se dejansko spreminja glede na vsebino.

če prav razumem moraš div.inner dodati background in ga pozicionirati na top.. potem pa še dodati repeat-x po potrebi, ali pa pač no-repeat.. torej:

background:url('urldoslike') top no-repeat;

Mislim ti glede prekrirvanja div.inner preko div.right in nato (še verjetno najbolj pomembno) preko div.left najbolj pomagal z-index. nastavi ga na več kot ga ima div.left in naj bi blo.

Ker si napisal, da z-index ne pride v poštve, predvidevam, da si že poskusil z njim. Ni rezultata?

@komac - seveda sem to že poskusil, vendar želim doseči, da slika, ki predstavlja background seže čez levi rob parenta, torej kot če bi ji dodal negativno horizontalno pozicijo, npr. background:url(slika.gif) repeat-x -20px top #fff. Vendar zaradi tega, ker je ta div znotraj drugega diva slike ne seže preko levega roba.

@Deyan - ja, z-index sem probal vendar ne pomaga v tej situaciji.

Bom pa poskusil z pozicioniranjem ozadja na wrapperju ali na body (in molil za cross-browser kompatibilnost :)

Če se gre smo za to črto, naredi nov div in ga absolutno pozicioniraj na želeno pozicijo.