rendre un CSS valide firefox compatible avec IE

bonjour,
voila, j'ai ecris une feuille de style de reference pour un site, visible a cette adresse :

http://ik55044.ikexpress.com/demo_css/indexcss.html
et la feuille de style
http://ik55044.ikexpress.com/demo_css/feuille.css

sous firefox ca fonctionne bien, mais sous IE c'est un peu moins beau.
A voir notement que tout le menu de droite c'est légérement décallé sur la droite.
que le pied de page est remonté, que les pointillé qui encadre les boutons du menu droit sont doublé.

auriez vous des pistes pour m'aider a rendre compatible ma feuille de style avec IE.
d'avance merci.

la seule piste..... c'est d'y aller à tatonement.... car ca ne marche jamais du 1er coup une CSS cross-browser....

Toujours un problème la compatibilité entre IE et FF.

Surtout que sur une div si on assigne une bordure à un élément firefox (qui respecte les standards) ajoute logiquement une bordure, donc la largeur et la hauteur de l'élément s'en trouve augmenté, alors que IE va integré la bordure à l'élément et donc sa taille ne variera pas.

Et là.. pas d'autre choix que d'avoir recours à du hack css

exemple :

Code:

---

1 2 3 4 5

height:150px; height:expression('160px'); width:50px; width:expression('60px'); border:5px solid #000;

---

le expression n'étant interprété que par ie il attribura la valeur 150 à la hauteur, 50 à la largeur et ensuite les valeurs 160 et 60, alors que firefox lui n'interpretera pas les expression et donc restera sur le première valeur attribuées à ton élément.

(en espérant avoir été assez compréhensible)

n'y a t'il pas des techniques connues . du genre utiliser les em plutot que les px.
ou d'autres facons de coder plus appropriées à IE

La solution proposée par 10-nice est approprié à IE dans la mesure où il est le seul à reconnaitre le "expression" :wink:

la valeur d'attribut "transparent" n'est pas interpretée sous IE, qu'est ce que je peut mettre a la place ?

Filter: Alpha(Opacity=50);