Im using shinding engine , and whenever I move one gadget for repositioning, the bold text inside that gadget gets distorted.
IE has an issue where it stops using anti-aliasing once parts of the DOM are modified. There are some work-arounds (Google for these). I think IE9 fixes the problem.
See this question: jQuery fadeIn leaves text not anti-aliased in IE7
Some links in that seem dead.
One of these two changes might help (you may have to experiment with which element to apply them to):
myElement.style.filter = '';
or
$(myElement).removeAttr('style');
Other info: http://reference.sitepoint.com/css/haslayout http://reference.sitepoint.com/css/filter