CSS - problémy s absolutně pozicovaným prvkem

[mistr moskva]

Dobrý večer,
můj dotaz se týká následujících stránek http://www.zivajoga.cz přesněji těch barevných koleček, jež zastupují odkazy. Tyto kolečka jsou absolutně napozicované, takže u mě doma v počítači při rozlišení 1024x768 vypadá vše jak má - pokud výše zmiňované stránky prohlížíte na monitoru s výše zmiňovaným rozlišením, tak jejich výsledná podoba odpovídá žádoucímu stavu (pokud nemáte vypnuté obrázky atd.)

Problém nastane pokud stránky prohlížím třeba na netbooku - kolečka nemají stejnou pozici vůči obrázku "živá jóga" jakou bych si představoval. Některé se dokonce lehce překrývají, což sice nijak neomezuje jejich funkčnost, nicméně z estetického hlediska to nevypadá příliš dobře.

Mohl by jste mi někdo postup, kterým bych tuto vadu napravil?

Uvažoval jsem, že bych veškeré šířky převedl na procenta v poměru k obalovacímu divu, ale nevím jestli by to pomohlo.
Anebo udělat podmínkový komentář s vlastním stylem pro zařízení s menším rozlišením - tady mě ale štve, že tuto možnost podporuje až IE 9.

Předem děkuji za veškeré vaše podněty :)

[Reklama]

[CZechBoY]

zkus to napozicovat pomocí LEFT namísto RIGHT
já jsem to zkoušel metodou zmenšení okna a myslim si, že by to pomohlo

[LuCaCZ]

ještě bych změníl .fb-like > smazat left: -300px; a přidat text-align: left;
nebo nedávej #obal { text-align: center; } pak nebudeš muset vše zas zarovnávat vlevo
stejně tak bych zrušil #obal { width: 75%; } a nastavil pevnou šířku, když máš pevný záhlaví