Susanne07: IE 7, overflow:visible funtioniert bei Seitenverkleinerung nicht

Beitrag lesen

Hi

ich bin dabei, eine Website zu entwerfen und habe ein Problem mit der Darstellung der Navigation im IE 7 unter Windows XP.

Wenn ich die Seite verkleinere, verschwinden meine Menüunterpunkte hinter dem Text. Die Navigation ist mit overflow:visible ausgezeichnet, hat eine Breiten- und Höhenangabe, das Dokument und CSS sind validiert.

Der Aufbau der Seite ist:
<div id="head">
<div id="navi">
<div id ="text">

CSS:
  *  {
margin : 0;
padding : 0;
}
body {
font-size : 100.01%;
font-family : Tahoma, sans-serif, Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : normal;
text-decoration : none;
text-align : center;
padding : 1em 2em;
width : 100%;
height : 100%;
}
#head, #navi, #text {
text-align : left;
margin-right : auto;
margin-left : auto;
width : 80%;
}
  #navi  {
overflow : visible;
min-height : 1em;
}
#navi ul {
list-style-type : none;
margin-left : 8em;
height : 2.5em;
}
#navi li, #navi li a {
line-height : 1.2em;
display : inline;
float : left;
}

Anzusehen ist das Ganze unter:
http://www.dorettehugo.de/dsb/index.html

Kann mir jemand von euch weiterhelfen? Ich finde den Fehler nicht.

Gruß, Susanne