Bonjour tout le monde...  
 
Je suis face à un mini (énorme?) problème que je n'arrive pas à résoudre...  
J'ai créé un site en HTML, en fait, pour l'histoire, le site existait déjà, mais tout s'affichait décalé dans mon navigateur (IE), donc je l'ai refait du départ... Sur mon navigateur, tout s'affiche proprement, mais apparament sur safari et firefox, tout est à nouveau décalé... En voyant ça, j'ai testé la première version sur safari et firefox et là, tout était aligné...  
Je me pose donc la question... Comment faire pour remédier à ça? Et surtout, peut on y remedié? Existe-t-il une manière de coder "proprement" tout en étant sur que tout fonctionne sur n'importe quel navigateur? Tout en évitant si possible le php, malgré la masse de tutoriaux que j'ai déjà lu, je n'arrive pas vraiment à comprendre le fonctionnement...    
Ou bien est ce juste quelque chose que j'ai en trop, ou qu'il me manque dans mon code? (si oui, est ce que quelqu'un pourrait m'indiquer un tuto qui me dise quoi rajouter/supprimer?)
Je suis un peu perdu là...  
Merci d'avance de votre aide  

initialise margin et padding et n'utilise pas IE comme référence
 
EDIT: et utilise un doctype

+1 d'abord Firefox, Safari, Opera, Chrome ce que tu veux (ouais IE8 aussi en mode IE8) et ensuite seulement IE7 et IE6.
Pour ces 2 derniers, utilise les commentaires conditionnels pour ne corriger qu'eux sans refoutre le souk dans les navigateurs où ça fonctionne déjà ...
 

L'url de ton site ?

Tu peux également vérifier la compatibilité en faisant le test W3C. Mais dans certains cas ça ne suffit pas, faudra quand même faire un ou deux ajustements. En général les sites valides W3C ont quand même un rendu similaire sur tous les navigateurs.
http://validator.w3.org/

Si seulement ...