IE7 Navigation Fehler | zweizeilige links werden verschluckt

[tugi]

Hallo zusammen,

Nach laengeren Versuchen, das Problem selbst zu loesen und nur maessigem Erfolg, bin ich nicht mehr alleine faehig folgenden Bug zu loesen. Ich hoffen jemand ist in der Lage mir zu helfen. Es ist bestimmt nur ein kleiner Syntaxfehler, aber da er so klein ist, ist die Suche umso muehsamer:

Ich habe eine Site erstellt, die auf Div's basiert und bisher problemlos in allen Browsern funktioniert hatte, bis der IE7 erschienen ist. Die Navigation ist das Einzige Problem, denn sobald dessen Links zweizeilig werden, werden sie nicht mehr korrekt dargestellt und verdeckt. Die Navigation basiert auf einer ungeodneten Liste (<li><ul>).

Am besten ihr schaut es euch selbst an:
http://fh-server.net/semester1/wolfram/forum/Einblicke

Die Css Datei: http://fh-server.net/semester1/wolfram/forum/css/100_Produkte.css

Ich habe das Problem nur sehr schlecht loesen koennen, indem ich die padding und spacing Werte veraendert habe, aber dadurch entstand natuerlich eine Navigation die viel zu weite Abstaende zwischen den Links besass und aeltere IE Browser haben diesen IE7 Hack nicht problemlos ignoriert.

Der Fehler ist bisher nur in der neuesten IE Version (7) aufgetreten. Andere Browser haben dieses Problem meines Wissens nicht.

Danke im Vorraus, falls mir jemand helfen kann

 

[Maik]

Hi,

die height:1%-Deklaration für die Links sorgt für den Darstellungsfehler im IE7.

Im übrigen werden Submenüs in einer Liste anstelle der erzwungenen Leerzeichen &nbsp; nach diesem Schema erzeugt:

<ul>
    <li><a href="#">link 1</a>
        <ul>
            <li><a href="#">sublink 1.1</a><li>
        </ul>
    </li>
    <li><a href="#">link 2</a>
        <ul>
            <li><a href="#">sublink 2.1</a><li>
            <li><a href="#">sublink 2.2</a><li>
        </ul>
    </li>
</ul>