Craftyslide ne s'affiche pas toujours sous IE8

Bonjour

J'ai un petit problème avec le plugin Jquery Craftyslide, pourtant connu pour sa stabilité

Je l'utilise assez souvent, et jusqu'à présent sans aucun problème d'affichage sur Internet Explorer 8.
J'ai actuellement 5 projets qui l'utilisent sans accro, mais 2 sites, un statique et un dynamique (Drupal) ne l'affichent tout bonnement pas sous IE8 ( IE9 et IE7 sont ok, j'utilise IETester pour vérifier)

J'utilise pourtant (quasiment) la même méthode à chaque fois.
N'ayant pas les connaissances approfondies en jquery je ne saurais dire ce qui peut provoquer cette erreur sur ces deux sites spécifiquement.

Pour exemple le site statique

déclaration dans le header:

<link rel="Stylesheet" media="screen" href="css/style.css" />
<link rel="Stylesheet" media="all" href="css/stylesbase.css" />
<link rel="Stylesheet" media="all" href="css/craftyslide.css" />
			
<!--JS-->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
			
<!--slider-->
<script src="js/craftyslide.js" type="text/javascript"></script>

La portion de code du slide:

<div id="bloc_slide">
	<div id="slideshow">
		<ul>
			<li>           
				<img src="images/slider/img_ban_ind_08.jpg" alt=""  />
			</li>
			<li>           
				<img src="images/slider/img_ban_ind_06.jpg" alt=""  />
			</li>
			<li>
				<img src="images/slider/img_ban_ind_start.jpg" alt=""  />
			</li>

                                                  <!-- reste des slides -->

                </ul>
		 
	</div><!----/slideshow--->

                                                   <!-- + nav et reste -->
</div><!--/bloc_slide-->

le code à la fin du body

<!--SCRIPT-->
<script>
        $("#slideshow").craftyslide();
</script>	

Pour le craftyslide.js j'ai réglé les valeurs par défaut:

        var defaults = {
            "width": 445,
            "height": 680,
            "pagination": false,
            "fadetime": 350,
            "delay": 5000
        };

coté css pour le #slideshow

#slideshow {
	margin:0;
	padding:0;
	position:relative;
	float:left;
	background-color: #fff;
}

#slideshow ul {
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
}

#slideshow ul li {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
}

et le css de la div qui contient le #slideshow au cas où

#bloc_slide{	
	margin-left:-135px;
	position:relative;
}

Tout fonctionne ailleurs et comme je l'ai dis plus haut je n'ai aucun problème similaire avec craftyslide pour d'autre site...
Je ne sais pas si c'est un problème sur le script, sur le css ou le html

C'est un vrai casse tête pour moi
Modifié par Nylath (21 Sep 2012 - 15:02)