jquery animate and fadeIn/Out issues

having a couple 开发者_如何学编程of issues with something i thought would be easy in jquery.

check the demo here - dead link!

firstly jquery fadeIn/Out not working in IE 6 or 7 (also text looks bad when fades in IE8)

secondly firefox/IE animation choppy compared to safari/chrome which is very smooth, why?

is there a better way to do this or a way to optimise the code?

would really appreciate any help - still getting to grips with jquery

got the answer by asking again here jquery fadeIn/Out IE problem - frustrating . The problem was i had given my list item (li#about) the same id name as my div (div#about). IE does not like this, had no idea. thanks to jqueryrocks for noticing.