Zobrazenie spodného okraju [html/css]

No takže mám nejaké položky v tabuľke a tým chcem dať spodný okraj, ktorý ale nie je celý rovnaký, takže musím použiť background image.

Vo firefoxe mám problém so zobrazením, niektoré spodné okraje zobrazí hrubšie a niektoré tenšie. V chrome/opere/ie tento problém nie je.

Neviete ako to riešiť?

Kód:
<div style="background-image:url(images/uploadQueueItem.png);background-repeat:no-repeat;width:415px;height:20px;"></div>
<div style="background-image:url(images/uploadQueueItem.png);background-repeat:no-repeat;width:415px;height:20px;"></div>
<div style="background-image:url(images/uploadQueueItem.png);background-repeat:no-repeat;width:415px;height:20px;"></div>
<div style="background-image:url(images/uploadQueueItem.png);background-repeat:no-repeat;width:415px;height:20px;"></div>


Ako to vyzerá vo ff:


Použité pozadie:

hehe, dik ani nevies ako si mi pomohol :) ked som to nahral na web tak mi to slo ok a som sa divil ze preco. Mal som mal na localhoste nastavene vo firefoxe male zvacssenie :/ premazal som cache a uz je to ok.