Text Opacity problem (1px glow)

I've got a problem! I need to have opacity on a text.

I try with jquery:

$(document).ready(function() {

$(".item h2").css({ opacity: 0.5 }); });

and with css:

-moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opa开发者_Python百科city=50); opacity:.50;

but all times i see a little glow (1px) around my text in Firefox and IE. Chrome is ok!! Anyone have a solution?!?! Thx a lot

Looks ok to me. Tested in FF4 and IE9/8/7
http://jsfiddle.net/aZC7v/

Sometimes a solution for this kind of problem is adding a background-color to the element. (either .item or the h2)