Z-index vo Firefoxe

Ako mám vyzvetliť Firefoxu, že chcem obrázky vložene cez divy pod textom? Tento zápis:

<div style="position: absolute; top: 0px; z-index: -2"><img src="spodny.jpg"></div>

<div style="position: absolute; bottom: 0px; z-index:-1"><img src="stredny.gif"></div>

<a href="main.html" title="Úvodná stránka">Home</a><br>

funguje OK v IE, ale vo Firefoxe obrázky neukáže. Už som našiel, že Mozilla ignoruje z-index menší ako 0, tak som prepísal všetko na väčšie, ale stále mi schováva text pod obrázky. Skúšal som nastaviť z-index 10 tagu <a>, skúšal som to obaliť do divu alebo spanu s rovnakým z-indexom, skúšal som navzájom prehadzovať riadky... ale stále nedokážem obyčajnému textu nastaviť z-index vyšší ako 0, ani vo IE ani vo FF. Pozicionované divy mi ho vždy prekryjú... Jediná možnosť je vraziť do tagu <a> position: relative alebo position: aboslute s príslušným z-indexom. Prečo? O čo ide v tejto špinavej hre? :-)

Proste k tomu na nete neviem nič nájsť a chcem vedieť, ako to funguje...