my jquery slider does not work on IE?

See more:

Javascript

CSS

HTML

jQuery

browser

Hi
I write jquery slider and it works fine in all browsers except IE
would somebody pleaaaaasssse help me on this?
here is my js code:

$(document).ready(function () {
    //$(".impLeftNews:nth-child(odd)").css("background-color", "silver");
var counter = 0;
var slideCount = $(".slides>li").length;
var sliderTimer;
var newscounter = 0;
var newsSlideCount = $(".NewsSlide>li").length;
var newsSliderTimer;

$(".slides>li").each(function () {
    //debugger;
    counter += 1;
    $(this).attr("id", "slide" + counter);
});

function hideAllSlides() {
    $(".slides>li").css("display", 'none');
}

function resetTimer() {
    clearInterval(sliderTimer);
    sliderTimer = setInterval(function () {
        //debugger;
        counter += 1;
        if (counter > slideCount)
            counter = 1;
        hideAllSlides();
        $(".slides #slide" + counter).fadeIn();
        }, 8000);

}

hideAllSlides();
counter = 1;
$(".slides li:eq(1)").show();
resetTimer();

});

It's very important
please help me on this
you can see the code at http://test.bidaran.ir