Interaction entre 2 css comment faire ?

Bonjour,

j'ai un problème de mise en page, j'ai un forum, j'y ai intégré un menu personnel, avec une feuille de style spécifique.

je m'explique,

voici le problème (le décalage du menu)
http://www.zimagez.com/miniature/alsacreation3.png

voici le résultat souhaité :
http://www.zimagez.com/miniature/alsacreation2.png


Si je supprime la feuille de style du forum tout est ok, par contre si je l'intègre je dois jouer avec le padding de navigation li a (plus ou moin 1 pour firefox ou IE ).

Par exemple :

#navigation li a {
	padding: 8px 20px;
	background: url(../images/header-fond-menu.gif) repeat-x top;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C4FFED;
	font-weight: bold;
	font-variant: small-caps;
	}

Ok pour Firefox, pas ok sous IE.

Pour que sous IE il faut que je passe padding: 9px 20px;

Voici le lien du forum (de test)

http://www.forum-vista.net/forumtst/index.php

merci pour toute l'aide que vous pourrez m'apporter.
Modifié par mims1664 (27 Jan 2008 - 18:51)

j'ai découvert que c'etais un style appliqué à tout le forum dans la css principal de mon style.

il s'agit de

td {
	padding: 2px;
}

cependent en appliquant a mon header :

header td {
	padding: 0px;
}

Je ne résoud que partiellement mon probleme, il y a toujours un décallage entre IE et firefox, et je ne le règle qu'en décallant de 1 px le
padding cité dans mon premier message.

que faire ?

une ptite idée ?

s'il vous plait ...