ich habe folgendes Problem, ich habe ein horizontales Menue bei meinem Forum eingebaut, beim FF sieht das Menue beim drüber fahren gut aus aber beim IE sieht es schei#e aus, was muss ich am Code ändern, dass das Menue im IE genau so ausssieht wie beim FF.
Danke im Vorraus
CSS Code
<style type="text/css"> body { font-family: arial, helvetica, serif; font-size: 80%; padding: 2em; margin: 0; } #content { width: 34em; background-color: #f4ecd9; padding: 1em 0; border: 6px double #7d6340; margin: auto; voice-family: "\"}\""; voice-family:inherit; width: 32em; } html>body #content { width: 32em; } h1 { text-align: center; padding:0; margin: 0; } ul { list-style: none; padding: 0; margin: 0; border-right: thin solid #ccc; } #nav a { font-weight: bold; color: #000000; } #nav a { text-decoration: none; } #nav li li a { display: block; font-weight: normal; color: #000; padding: 0.2em 10px; background: #fff; border-right: thin solid #ccc; border-bottom: thin solid #CCCCCC; } #nav li li a:hover { padding: 0.2em 5px; color: #FFFFFF; background: #AA0000; } li { float: left; position: relative; width: 12em; text-align: center; cursor: default; background-color: white; border: thin solid #ccc; } li#first { border: thin solid #ccc; background: #FFFFFF; } li#last { border: thin solid #ccc; background: #FFFFFF; } li ul { display: none; position: absolute; top: 100%; left: 0; font-weight: normal; background:; padding:0; border: thin solid #ccc; color: #000000; } li>ul { top: auto; left: auto; border-right: thin solid #ccc; } li li { display: block; float: none; background-color: #FFFFFF; border: 0; } li:hover ul, li.over ul { display: block; } hr { display: none; } </ </style>