Bonjour sur le menu vertical de mon site :
http://www.ma-meteo.new.fr
j'ai un petit problème assez courant : en effet, sous FireFox il n'y a pas d'espace entre les différents boutons alors que sous IE il y en a pas mal...  
je sais que toutes les balises bloc (sauf <div> ) possèdent des marges internes (padding) et externes (margin) par défaut.
Le problème est que cette valeur par défaut est différente d'un navigateur à l'autre et provoquera un rendu différent sur chaque navigateur.
 
Mais je ne sais pas comment résoudre ce problème   ?
 
voici le code css de mon menu :
/*-----------------------Menu vertical--------------------------*/
 
#menuvertical { width: 180px; }  /*attributs du menu */
#menuvertical * { list-style: none; margin: 0; padding: 0; } /* attributs des puces */
#menuvertical a, #menuvertical h2 { font: bold 11px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #000000; margin: 0; padding: 0; } /* attributs communs aux catégories et liens */
#menuvertical h2 { color: #ffffff; background: #3B4E77; } /* attributs spécifiques aux catégories (ici : Menu Simple et Menu Avec Extension) */
#menuvertical a { color: #000000; background: #E0E0E0; text-decoration: none; } /* attributs des liens au repos */
#menuvertical a:hover { color: #000000; background: #FF6633; } /* attributs des liens au passage de la souris */
#menuvertical li { position: relative; }  
#menuvertical ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }
div#menuvertical ul ul ul, div#menuvertical ul ul li:hover ul ul {display: none;}
div#menuvertical ul ul li:hover ul, div#menuvertical ul ul ul li:hover ul {display: block;}

Bah si les valeur des margin et padding sont différentes, il faut les définir toi-même

PS : c'est quoi cet engouement en ce moment pour les sites de météo

je ne comprend pas trop Florent ce que tu veux dire dans ton premier post ?

Tu as dis que certains éléments ont des margin et padding par défaut, dont les valeurs changent suivant les navigateurs... Donc à toi de les redéfinir pour que ces valeurs soient partout pareil.
 
Genre si un élément à un padding de 5px sous IE, et 10px sous FF, bah fait un  

Comme ça tout le monde aura le même padding

en fait je voudrais que le menu soit sérré comme il l'est actuellement sous FireFox...
 
j'ai donc mis 0px au padding
ce qui donne
 
/*-----------------------Menu vertical--------------------------*/
 
#menuvertical { width: 180px; }  /*attributs du menu */
#menuvertical * { list-style: none; margin: 0px; padding: 0px; } /* attributs des puces */
#menuvertical a, #menuvertical h2 { font: bold 11px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #000000; margin: 0px; padding: 0px; } /* attributs communs aux catégories et liens */
#menuvertical h2 { color: #ffffff; background: #3B4E77; } /* attributs spécifiques aux catégories (ici : Menu Simple et Menu Avec Extension) */
#menuvertical a { color: #000000; background: #E0E0E0; text-decoration: none; } /* attributs des liens au repos */
#menuvertical a:hover { color: #000000; background: #FF6633; } /* attributs des liens au passage de la souris */
#menuvertical li { position: relative; }  
#menuvertical ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }
div#menuvertical ul ul ul, div#menuvertical ul ul li:hover ul ul {display: none;}
div#menuvertical ul ul li:hover ul, div#menuvertical ul ul ul li:hover ul {display: block;}
 
mais rien ne se passe...