XSL + CSS + képre felbukkanó szöveg = kész kataszrófa...

Üdv mindenkinek,

(lehet hogy egy kicsit off, bocsi..) megpróbáltam CSS-ben csinálni olyan cuccot, ami ha rámész az egérre valamire (most az éppen egy kép), akkor egy dobozban megjelenik valami (egyelőre még csak szöveg...)akkor ami sikerült:

http://pastebin.ca/442987

az eredmény pedig elég érdekes... Konquerorban a legjobb, azzal igazából semmi baj, csak az opacity-t nem kezeli.. még Operában se rossz, igaz hogy ott elcsúszik jobbra, s ha görgetek, akkor valahol teljesen máshol jelenik meg a szöveg... de firefoxnál (meg a többi gecko alapu böngészőknél...) katasztrófa.. először is, ha rámegyek a képre, majd elhúzom róla a kurzort, akkor a :first-letter egyszerűen eltűnik, de ha rámegyek a kére, újra működésbe lép.. s emiatt elcsúszik a szöveg, a kép arréb kerül, az kurzor mellé kerül,a megjegyzés eltűnik, a :first-letter megint hatástalan.. de ettől megint helyére kerül a kép, s ez igy megy, mint egy stroboszkóp... arrol nem is beszélve, hogy néha, de a 3 megjegyzésből mindig ugyan abban, egyszerűen egy sorral följebb csúszik a kép.. s ezt is csak a ff csinálja :( bár ha rámegyek a kére. akkor viszzakerül a helyére.. és nem tudom mért csak annál az egynél (jó az egy kicsit hosszab, s a megjegyzés nem fér ki egy sorba.. nade ettől nem kéne.. s ha megnöveltem a width-et, h kiférjen akkor is csinálta... IE meg nem érdekel :p

+ 1: azt hogy lehetne megcsinálni, hogyha nem fér ki, csússzon arréb? mert így nem a legszerencsésebb, nem csak azért, mert egy vízszintes görgetősáv jelenik meg tőle, de ha a kedves júzer arrébb akarja húzni, akkor ugye elviszi az egeret, s a görgetősáv + eltűnik...
és a konzolos böngészőkkel mit lehet kezdeni? mert a kedves böngészők odáig eljutottak CSS terén, hogy elrejtsék, de a :hover-rel gonban vannak.. esetleg másik CSS számukra?

előre is köszi mindent..
és bocsi trey a HUP logóért, odáig még nem jutottam el, hogy rajzoljak egy megjegyzés logót :)