Comment rendre le site optimisé sur toute résolution?

[totof08000]

Bonjour tout le monde,

Je suis en train d'essayer de faire un site à la main pour un amis.
En recherchant un peut partout sur le net j'ai réussis a faire "presque" ce que je voulais

Voila pour le moment ce que j'ai fait : http://neo109.winux-dream.fr/

Donc en faite, ce que je veux faire c'est :
Un jpeg de fond, sur lequelle je rajoute deux gif ( la cassette et le compteur, qui n'est pas encore mis pour l'instant ). Ensuite le bouton play et rec, lorsque l'on passe la souris dessus doivent être animer ( je l'ai fait a la va vite cette partie juste pour tester )

Le soucis c'est que le jpeg s'adapte bien au resolution, mais les gif non, mais je ne sais pas vraiment comment faire pour que les gif se calle bien suivant la résolution de l'écran sur le jpeg. La actuellement sur une résolution de 1366*768 ça passe.

Ensuite se pose le soucis des navigateurs web, sous Firefox je n'ai pas de soucis particulier ( sauf les gifs pour la résolution ) mais sous Chrome le gif ne c'est pas redimensionner comme sous Firefox, et sous Internet Explorer, c'est une catastrophe.

Le site pour le moment je l'ai fait avec du html et css.

Quelqu'un aurait une piste a me donner pour corriger ces problèmes?

[Vil'Coyote]

en dehors de faire des css par navigateur y a pas 36 solution.
pour le positionnement du % devrait aider mais éventuellement du calcul de position en fonction de l'écran serai un plus (donc javascript)

pour ma part sur FF tout est décalé. ^^