28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je travaille sur un site dont la page d'accueil contient :
- des images (plutôt de petite taille) constituant le design des pages (boutons, header, etc.)
- des grandes images (photos).

J'utilise donc le preload des images de design :


<body>
<img src="img/header.png" class="preloadImagesSite" alt="" />
<img src="img/bouton_menu_vert.png" class="preloadImagesSite" alt="" />
<img src="img/bouton_menu_rouge.png" class="preloadImagesSite" alt="" />



.preloadImagesSite
{
	display : none;
}


Tout cela marche parfaitement sous IE6, IE7 et Opéra, mais sous Firefox, je n'ai qu'une image de design qui apparait (un bouton de menu), puis les grandes photos se chargent, puis le reste apparaît.
Même les images de design qui sont utilisées dès le début de la page (header) ne sont chargées (ou n'apparaissent) qu'après...

Le plus curieux, c'est que concernant les boutons de menu, il y en a deux très semblables (nom, taille, emplacement d'utilisation dans la page), mais un seul se charge avant le reste.

Une idée ?

Merci