dva druhy pozadi - gradient a vzorek

Zdravim, zase ja.
Pokracoval jsem na tom webu, se kterym jsem mel problem vcera.
Ted se snazim udelat druhe menu, ve kterem bude text podle potreby nejdrive na gradientu (prechodu) a potom na vzorku (1px vyska, opakuje se po ose y).
Jenze mi to v FF nejak nejde (v IE se to kupodivu chova normalne).

http://runescape.ic.cz/glossy_web/

zdrojak - takhle jsou vyresene divy

	<div id="s_pattern">

	<div id="s_gradient">

	    <div id="s_text">

              blabla<br />

              blabla<br />

              blabla<br />

	    </div> <!-- s_text -->

	</div> <!-- s_gradient -->

	</div> <!-- s_pattern -->

css:

#s_gradient {

z-index: 5;

background-image: url(../images/sidebar_gradient.png);

background-repeat: no-repeat;

width: 768px;

height: 158px;

}



#s_pattern {

z-index: 4;

background-image: url(../images/sidebar_pattern.png);

background-repeat: repeat-y;

width: 768px;

}



#s_text {

z-index: 6;

padding-left: 20px;

}

Takže ... nevíte jak na to? zkoušel jsem tam ten z-index, ale neúspěšně.

super, díky!