Text extra aliased(jagged) in IE - looks terrible - but OK in FF and Chrome

I am building a website - http://www.efficaxdevelopment.com

As you can see when you load the page(in IE) the text on the page that isn't an image or the menu looks terrible, while in FF and Chrome the text looks fine.

you can view the source on the page and the css is here http://www.efficaxdevelopment.com/styles/mainstyle.css

Also开发者_StackOverflow中文版, the sliding bar over the menu appears a few pixels left of where it appears in FF and IE. Any ideas?

---

The fix is to add a background color to the elements that contain the text.

---

Could be similar to jQuery fadeIn leaves text not anti-aliased in IE7

Seems there is a known bug in IE when using jQuery fades. http://malsup.com/jquery/cycle/cleartype.html