Hallo,
PS: Ich kann auch keine Unterschiede im Verhalten von IE und FF sehen.
In der Navigation meiner Homepage sehe ich genau den eben beschriebenen Effekt.
Wie breit sind Deine A-Elemente in den LI-Elementen?
Ja, sie sollten, weil "display:block;", so breit sein, wie die LI-Elemente. Der IE rendert das aber anders, wenn Elemente mit "Layout" mit Elementen "ohne Layout" gemischt werden. Gib den #navi a eine Breite von 100% und auch der IE macht, was Du willst.
Alternativ kannst Du auch nur für den IE (Conditional Comments) alle Elemente auf den Status haslayout setzen. In Deinem Beispiel:
<!--[if lt IE 7]>
<style>
* { height: 1px; }
</style>
<![endif]-->
<!--[if IE 7]>
<style>
* { zoom: 1; }
</style>
<![endif]-->
Kurze Erklärung zum height:1px;: CSS height rendert der IE bis 6 wie min-height.
Dann kannst Du das "richtige" CSS so belassen, wie es für standardkonforme Browser ausreichend ist.
viele Grüße
Axel