[CSS]: Unterschiedliche Darstellung im IE und Fire Fox

Hallo,

ich erstelle gerade eine Webseite, wobei ich vermehrt CSS einsetzen will, um den Umgang damit besser zu lernen.
Leider sehen die Ergebnisse im IE oft anders aus als in Fire Fox, mir ist es aber wichtig, dass die Seite mit beiden Browsern korrekt angezeigt wird.

Code:

---


div.menue {
        width:178px;
        height:22px;
        border-style:solid;
        border-left-width:0px;
        border-right-width:0px;
        border-top-width:1px;
        border-bottom-width:1px;
        border-color:White;

}

a.menue {
        font-family:Verdana;
        font-size:12px;
        color:White;
        text-decoration:none;
        margin-left:10px;
        vertical-align:middle;
 }

---

HTML-Code:

---

<div class="menue"><a class="menue" href="">link</a></div>

---

heraus kommt dabei das:

IE:
http://img295.imageshack.us/img295/7373/ie6wg.gif


Firefox:
http://img340.imageshack.us/img340/3943/firefox8gn.gif

Warum wird der Text bei FireFox nicht mittig dargestellt?

Laut dieser Adresse hier *click ist vertical-align mit FX und IE kompatibel.
Daher verstehe ich nich recht, warum das nicht funktioniert...

So, hab das mal bei mir ausprobiert!
Wenn ich deinen Code kopiere und mit FX oder IE anschauen gehts nicht... ôÔ°
Bei beiden ist der Text nicht in der Mitte... keine Ahnung warum...

Zitat:

---

Zitat von kris 'blizzard'

Laut dieser Adresse hier *click ist vertical-align mit FX und IE kompatibel.
Daher verstehe ich nich recht, warum das nicht funktioniert...

So, hab das mal bei mir ausprobiert!
Wenn ich deinen Code kopiere und mit FX oder IE anschauen gehts nicht... ôÔ°
Bei beiden ist der Text nicht in der Mitte... keine Ahnung warum...

---

Gayt nur in <table>, jedenfalls ist das die einzigste bekannte Möglichkeit die ich kenne:

HTML-Code:

---

<table border="0"><tr class="menu"><td>Dein Menü, Menüpunkt1</d></tr></table> <!--- Hier kommt Design usw. dein Code eben -->
<table border="0"><tr class="menu"><td>Dein Menü, Optionen- Menüpunkt2</d></tr></table>

---

Dennis

PS: Du musst die Height definieren von deinem CSS:
table {height:20px;}
tr {vertical-align:middle;}

Muss in den CSS Code dazu. ;)