Carrossel em Javascript

[Comparini]

Olá pessoal, estou com um problema, bem vamos lá....

Fiz um carrossel em Javascript, ele rola no mozilla, mas no IE7, aparece todas as imagens de uma vez, elas não ficam dentro do DIV?

segue o código java script:

$(function(){

// variável global

des = 0;

// botão RIGHT

$('a#right').click(function(e){

e.preventDefault();

if(des == -1792){

des = -1792;

}else{

des = des - 896;

}

if(des == 0){

des = -896;

}

//$('div#content').css('left',des + 'px');

$('div#content').animate({

left: des

}, 500);

})

// botão LEFT

$('a#left').click(function(e){

e.preventDefault();

if(des == 0){

des = 0;

}else{

des = des + 896;

}

//$('div#content').css('left',des + 'px');

$('div#content').animate({

left: des

}, 500);

})

})

agora o código CSS:

div#slide{

width:896px;

height:241px;

border:4px solid #CCC;

float:left;

overflow:hidden;

*overflow:hidden !important;

*float:left !important;

}

a#left,

a#right{

width:20px;

height:241px;

border:4px solid #CCC;

overflow:hidden;

background:#DFDFDF;

display:block;

text-indent:-5000px;

float:left;

}

a#left:hover{ background:url('img/seta2.jpg') no-repeat }

a#right:hover{ background:url('img/seta.jpg') no-repeat }

div#content{

width:3080px;

height:241px;

position:relative;

}

div#content img{

float:left;

}

se alguém puder me ajudar agradeço

obrigado