How to use jquery code in Internet Explorer?

I put some jquery in my website that makes the text move to the right when the page changes. It works in Firefox and Safari but it doesn't work in Internet Explorer. My url to my website: http://katieduck.com/Courses/Improvisation%20Winter%20Course%20Dartington.html Here is the code that is not working:

$(document)开发者_开发知识库.ready(function() {
    $('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
    $('#featuredvid > ul').tabs();
});

Maybe you can find out what is wrong.

Hi Do you know which css problem I have exactly? Where is the jquery easing I cannot find it on that page: http://katieduck.com/Courses/Improvisation%20Winter%20Course%20Dartington.html

Thank u,

ILaria

You have a CSS problem, not a jQuery problem. jQuery is probably affecting the right CSS values, however IE does render CSS differently from other browsers, so that's probably the problem you are having.

besides, it's not showing up correctly in FF 3.6 anyways, so I'm guessing you have multiple problems at the moment