Carrossel no IE7

Ola Pessoal, bem fiz um carrossel com fotos, funciona no mozilla, mas no IE 7 aparecem todas as fotos de uma vez, já usei o overflow:hidden e nada

segue o script javascript (jquery):

$(function(){

// variável global
des = 0;

// botão RIGHT
$('a#right').click(function(e){
e.preventDefault();
if(des == -2464){
des = -2464;
}else{
des = des - 616;
}
if(des == 0){
des = -616;
}
//$('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 + 616;
}
//$('div#content').css('left',des + 'px');

$('div#content').animate({
left: des
}, 500);
})

})

agora segue o CSS

div#slide{
width:616px;
height:241px;
border:4px solid #CCC;
overflow:hidden!important;
*overflow:hidden !important;
float:left;
}
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;
}

Bem é isso ai se alguem puder meajudar agradeço

Amigo tente isso:

// variável global
var des = 0;

$(document).ready(function(){

// botão RIGHT
$('a#right').click(function(e){
e.preventDefault();
if(des == -2464){
des = -2464;
}else{
des = des - 616;
}
if(des == 0){
des = -616;
}
//$('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 + 616;
}
//$('div#content').css('left',des + 'px');

$('div#content').animate({
left: des
}, 500);
});

});

Falou.

Tem como Fazer Carrossel com div e não somente com Foto? tem um exemplo?