Hello world !

Voilà mon problème :

J'ai un ul qui contient plusieurs li. Chaque li contient une mosaïque (#browseProductContainer) de 6*3 divisions (#product). Chaque division contient un bloc image et un bloc texte (#text).
Le texte est caché, et apparait au survol de l'image.

Le tout fonctionne très bien sur IE8, firefox et chrome.

Voici le script :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
var items = $("#browseProductContainer > #product"); 
 
	$("div#browseProductContainer > div#product > div#text").hide();
 
	$(items).hover(
	function(){
		$(this).children("#text").slideDown(80); 
	},
	function(){
		$(this).children("#text").slideUp(80); 
	});
J'ai voulu valider ce script sur IE7 et une vielle version de firefox, et ca ne marche pas.
En effet mon sélecteur $("div#browseProductContainer > div#product > div#text").hide(); ne cache que le bloc texte de la PREMIERE division, les autres ne sont pas affectés. Idem pour les effets de hover...
j'ai essayé pas mal de choses sans résultat...

Avez-vous une idée?

D'avance, merci !