Styl pro vytvoření přístupné navigační lišty

Prosím o radu, jak nejlépe vyřešit následující případ.

1. Mám lištu obsahující tlačítka hlavní nabídky (vysouvací seznam).
2. Jelikož jsou názvy jednotlivých položek proměnlivé (mohou se kdykoliv změnit, přidat atd.), není styl pro pozadí tlačítek vytvořen jedním obrázkem tlačítka, ale více obrázky.

Viz příklad:



3. Vše je v pořádku za předpokladu, kdy mám text uvnitř položek definován absolutními jednotkami (např. pixely). Levé i pravé pozadí tlačítka se přidá před/za text a uvnitř (jakkoli dlouhého) prvku je pozadí, které je opakováno. Při zvětšení písma v (moderních) prohlížečích (mimo IE nižších verzí) bude (opticky) zvětšováno (sic naúkor kvality) i pozadí okénka (tj. zvětšována bude ve stejném poměru celá stránka, jak texty, tak obrázky, pozadí atd.).

4. Když však budu chtít text definovat relativně ("přístupně"), např. jednotkami em, dostávám se do problému s pozadím tlačítek. Při zvětšení textu již nedojde ke zvětšení pozadí tlačítek a ty tak budou vykresleny chybně (v závislosti na nastavení pozice a typu opakování pozadí).

Jak nejlépe vytvořit pozadí a styl tak, aby bezchybně splnil požadavek uvedený v posledním bodě?

Díky za radu.