dropdown menü beim hover verschoben

L

lulu

Grünschnabel
Hallo,
ich habe ein bekanntes Probelm komme aber nicht auf die Lösung. Bei meinem horizontalen dropmenu verschiebt sich beim hovern im ie8 das drop menu um einen button nach rechts. Ausserdem sollten 2 button dropen so wie es im ff angezeigt wird im ie 8 wird aber einer verschluckt.
Da dies mein erstes menü dieser Art ist bin ich etwas ratlos wie ich das Problem lösen soll und würde mich über Hilfe freuen.

gruß
lulu


CSS CODE
#navi {
border: solid 0px #CEA6A7; /*allgemeine Rahmeneinstellungen*/
width: 1210px;
width: 100%;
margin: 0px auto;
padding:0px;

}

#navi ul ,#navi li{ /*ausrichtung*/
list-style: none;
display: inline;
margin:0px auto;
padding:0px;
float: left;
position: relative;
}

#navi li a:link , #navi li a:visited , #navi li a:active {
display:block;
height:36px;
width:148px;
line-height:28px; /*breite und höhe von button und Schrift*/
background:url(hinter.png) repeat-x;
color:#000000;
text-decoration:none;
text-align:center;
font-size: 14px;
font-family: verdana, sans-serif;
padding-right:2px;
padding-bottom:2px;
margin:0px;
float:left;

}

#navi li a:hover {background-color:#FFFFFF; /*--für hover--*/
background:url(hinter1.png) repeat-x;
color:#ffffff;

}

#navi ul ul { /*versteckt link*/
position: absolute;
z-index: 2;
display: none;

}

#navi a:hover {
color: #000000;
background: #ffffff;

}

#navi ul li:hover ul { /*link erscheint*/
display: block;
position: absolute;

}

#navi li {
position: relative;


}
Zum Vergrößern anklicken....

HTML CODE
HTML: 
<body>
<table width="1210" border="0" align="center">
    <tr>
      <td width="1210" ><div id="navi" align="center">
      <ul>
      	<li><a href="computernotruf-start.html" target="main">Start</a></li>
        <li><a href="index.html" >Betriebsysteme</a>
         	<ul>
           	  <li><a href="windows.html" target="main">Windows</a></li>
       		  <li><a href="apple.html" target="main"><Apple</a></li>
            </ul>
        <li><a href="index.html"><img src="blog/hinter2.gif" border="0"></a>
            <ul>
               <li><a href="datenrettung.html"target="main">Datenrettung</a></li>
                <li><a href="viren.html" target="main">Virenentfernung</a></li>
            </ul>
        <li><a href="buchhaltung.html" target="main"  >Buchhaltung</a>
              <ul>
                <li><a href="datenrettung.html"  target="main" >Lexware</a></li>
                <li><a href="buchhaltung.html" target="main" >Datac</a></li>
              </ul>
        </li>
        <li><a href="flohmarkt.html" target="main">PC nach Ma&szlig;</a></li>
        <li><a href="preisliste.html" target="main">Preisliste</a></li>
        <li><a href="download.html" target="main" Download</a>
        	 <ul>
                <li><a href="windowsdownload.html" target="main">Windows</a></li>
                <li><a href="appledownload.html"  target="main">Apple</a></li>
          </ul>
        </li>
        <li><a href="kontakt.html" target="main">Kontakt</a></li>
      </ul>
</div></td>
    </tr>
  </table>
  
   
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück