Problème noobslide et ie

Bonjour,

Je travaille sur la refonte d'un site de séminaire.
J'ai choisis de faire apparaître en index les témoignages de participants des années précédentes.
J'utilise noobslide pour faire défiler trois témoignages (div.temp contenant image + div texte). Pour cela j'ai adapté l'exemple 4 que l'on trouve à cette adresse :
http://www.efectorelativo.net/laboratory/noobSlide/

J'ai apporté deux modifications au modèle initial :
- interval: 30000, pour le temps
- autoPlay: true, pour que le "diaporama" commence tout de suite.

Voici le lien vers ma page test :
http://www2.lifl.fr/doctest/

Donc, mon problème est avec Internet Explorer qui n'affiche pas le dernier témoignage contrairement aux autres navigateurs.
En testant un peu, je me suis aperçu qu'en ajoutant un témoignage de plus je faisais apparaître le troisième témoignage mais jamais celui qui se trouve à la fin du cycle...

Voici le code complet :

<script type="text/javascript">
	window.addEvent('domready',function(){
		// CODE DIAPORAMA TEMOIGNAGES
		var nS4 = new noobSlide({
			box: $('env'),
			items: $$('#env div.tem'),
			size:539,
                        interval: 30000,
			autoPlay: true,
			handles: $$('#handles4 span'),
			onWalk: function(currentItem,currentHandle){
				$('info4').set('html',currentItem.getFirst().innerHTML);
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
		});
	
	});
	</script>

Quelqu'un aurait une idée ? faut-il rechercher dans les styles ?

#temoignage {
	height: 365px;
	width: 539px;
	overflow: hidden;
	font-size: 11px;
	text-align: justify;
	background-color: #F6F6F6;
	position: relative;
}
#temoignage  #env {
	position: absolute;
	background-color: #F6F6F6;
	z-index:0;
}
.tem  {
	float: left;
	height: 350px;
	width: 539px;
	background-image: url(../images/charte/images/doctoriales_10.jpg);
	background-repeat: repeat-x;
	background-color: #F6F6F6;
}
.tem .texte {
	padding-right: 5px;
	margin-left: 8px;
	width: 259px;
	color: #000000;
	z-index:100;
	line-height:1.3em;
}
#temoignage .tem img {
	float: right;
	margin: 0px;
	padding: 0px;
}
#temoignage .tem h1 {
	font-size: 11px;
	color: #0597BB;
	margin-top: 31px;
}
#temoignage .tem h1 strong { color: #666666; }
.buttons{ padding:5px; }
.buttons span{
	color:#0797BA;
	padding:0 5px;
	cursor:pointer;
	font:10px Verdana;
}
.buttons span.active, .buttons span:hover{
	background:#0797BA;
	color:#F6F6F6;
}
#liens {
	position:absolute;
	z-index:100;
	height:14px;
	right: 5px;
	top: 16px;
	margin:0px;
}

Merci d'avance
Modifié par Bwb (19 May 2009 - 10:11)

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

Bonne continuation