Witam,

Chciałbym osiągnąć efekt automatycznego umieszczania banderoli nad
obrazkiem na stronie WWW. Obrazek pobierany jest z CMS i posiada
nieprzewidywalne rozmiary. Banderola ma być nad nim załóżmy 20px od jego
dolnej krawędzi. Jak dokonać automatycznego pozycjonowania banderoli w CSS
względem dolnej krawędzi (bez ingerowania w CMS, bez JS)?

Zobrazowanie:

<div class="thumbnail" style="background-image:url(URL_Z_CMS);
width:SZEROKOSC_Z_CMSpx; height:WYSOKOSC_Z_CMSpx">
<div></div>
</div>

Wewnętrzny <div> będzie zawierał jako tło fragment paska banderoli -
półprzeźroczysty prostokąt z cieniem w PNG 32 powtarzany w poziomie. DIV
może posiadać więc narzuconą wysokość w pikselach i szerokość 100%. Może
też jedno i drugiem mieć ustawione na 100% a pozycjonować będziemy samo
tło. W obu tych wariantach nie bardzo potrafie dać sobie radę.