Menü wird im IE 8 nicht angezeigt

[fpunktef]

Hallo! Mir geht es um eine Intranetseite erstellt mit WP 3.5.1 und dem Theme Oxygen.
Hier habe ich die eine oder andere Modifizierung vorgenommen. (mit meinen ganz bescheidenen HTML-PHP-Bastel-Kenntnissen).
Was ich noch nicht hinbekommen habe: Ein Menü im "oberen Bereich" wird im IE (Bsp. IE 8) einfach nicht angezeigt. Im Firefox ist alles schick - siehe Datei im Anhang...
Und hier den Code den ich identifiziert habe:

<div id="menu-primary" class="site-navigation menu-container" role="navigation">

<span class="menu-toggle">Menu</span>


<div class="menu"><ul id="menu-primary-items" class="nav-menu"><li id="menu-item-1830" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-1830"><a href="xxx">Startseite</a></li>
<li id="menu-item-1793" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1793"><a href="xxx">PV´s & LES</a></li>
<li id="menu-item-1967" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1967"><a href="xxx">BV´s & Co.</a></li>
<li id="menu-item-1812" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1812"><a href="xxx">Sonderurlaub & Zuschläge</a></li>
<li id="menu-item-1794" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1794"><a href="xxx">Rat & Hilfe</a></li>
<li id="menu-item-1792" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1792"><a href="xxx">Mitarbeiter-Rabatte</a></li>
</ul></div>

Hat jemand einen Tipp für mich?
Grüße :-)

 

[eistruhe]

Hi, wie hast du das ganze positioniert? Ich kann mir vorstellen, falls du mit absolute gearbeitet hast,
dass der IE das alles ein bisschen anders interpretiert.

Der CSS Teil für die jeweiligen Klassen wär super!

 

[Cheffchen]

HAllo,

ne Link ist besser, mir ist schon klar was intranet ist, dann bau das halt im groben nach.

Hast schon mal F12 gedrückt und geschaut was der IE überhaupt macht?

So ist das reines gerate, kein doctype fehler in css oder html code usw.

Cheffchen

 

[fpunktef]

@eistruhe, meinst du das?
Grüße :-)

/* Durch Entwicklertools generiert. Dies ist möglicherweise keine exakte Darstellung der ursprünglichen Quelldatei */



#menu-primary {
Z-INDEX: 99; POSITION: relative; MARGIN: 0px 0px 10px; WIDTH: 100%; FLOAT: left; CLEAR: left; FONT-SIZE: 1em
}
#menu-primary LI {
MIN-HEIGHT: 30px; PADDING-LEFT: 1.8em; DISPLAY: block; BACKGROUND: url(images/menu-separator.png) no-repeat left 15%; FLOAT: left
}
#header IMG {
MAX-WIDTH: 100%
}
#site-description {
LINE-HEIGHT: 1.5em; WIDTH: 91.48%; FONT-FAMILY: "Tahoma", Tahoma, Tahoma, normal; MARGIN-BOTTOM: 20px; FLOAT: left; COLOR: #bbb; CLEAR: both; FONT-SIZE: 0.91em; FONT-WEIGHT: normal
}
.breadcrumbs {
BORDER-LEFT: #e9e9e9 10px solid; PADDING-BOTTOM: 0.35em; PADDING-LEFT: 0.9em; WIDTH: 94.85%; PADDING-RIGHT: 0.6em; MARGIN-BOTTOM: 20px; BACKGROUND: #f3f3f3; FLOAT: left; COLOR: #aaa; FONT-SIZE: 0.91em; PADDING-TOP: 0.25em
}
.breadcrumbs A {
COLOR: #777
}
.breadcrumbs A:visited {
COLOR: #777
}
#menu-primary LI LI.current-menu-item LI {
PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; CLEAR: both; BORDER-TOP: #ddd 1px solid
}
.breadcrumbs A:hover {
COLOR: #000
}
#sidebar-header {
WIDTH: 49.78%; MARGIN-BOTTOM: 20px; FLOAT: right; HEIGHT: 60px; OVERFLOW: hidden
}
#menu-primary LI:first-child {
PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%
}
#menu-primary LI A {
LINE-HEIGHT: 1em; TEXT-TRANSFORM: lowercase; DISPLAY: block; FONT-FAMILY: "Tahoma", "Tahoma", Tahoma, Tahoma, normal; FONT-SIZE: 1.33em; FONT-WEIGHT: 400; MARGIN-RIGHT: 1em
}
#menu-primary LI.current-menu-item A {
COLOR: #aaa
}
#menu-primary LI LI {
PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; CLEAR: both; BORDER-TOP: #ddd 1px solid
}
#menu-primary LI LI:first-child {
BORDER-TOP: medium none
}
#menu-primary LI LI.current-menu-item LI:first-child {
BORDER-TOP: medium none
}
#menu-primary LI LI A {
PADDING-BOTTOM: 12px; TEXT-TRANSFORM: none; MARGIN: 0px 5px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; COLOR: #888; FONT-SIZE: 1.16em; PADDING-TOP: 12px
}
#menu-primary LI LI.current-menu-item LI A {
PADDING-BOTTOM: 12px; TEXT-TRANSFORM: none; MARGIN: 0px 5px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; COLOR: #888; FONT-SIZE: 1.16em; PADDING-TOP: 12px
}
#menu-primary UL LI A:hover {
BORDER-BOTTOM: medium none; COLOR: #222
}
#menu-primary LI UL LI A:hover {
BORDER-BOTTOM: medium none; COLOR: #222
}
.menu UL {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.menu LI:hover {
VISIBILITY: inherit
}
.menu LI {
POSITION: relative; FLOAT: left
}
.menu A {
POSITION: relative; DISPLAY: block
}
#menu-primary LI UL {
Z-INDEX: 100; BORDER-BOTTOM: #ddd 1px solid; POSITION: absolute; BORDER-LEFT: #ddd 1px solid; DISPLAY: none; BACKGROUND: #fff; BORDER-TOP: medium none; TOP: 25px; BORDER-RIGHT: #ddd 1px solid; LEFT: 0px
}
#menu-primary LI:first-child UL {
LEFT: -20px
}
#menu-primary LI:hover UL {
DISPLAY: block
}
#menu-primary LI.sfHover UL {
DISPLAY: block
}
#menu-primary LI:hover LI UL {
TOP: -999em
}
#menu-primary LI.sfHover LI UL {
TOP: -999em
}
#menu-primary LI LI:hover UL {
MARGIN-LEFT: 0px; BORDER-TOP: #e5e5e5 1px solid; TOP: -1px; LEFT: 100%
}
#menu-primary LI LI.sfHover UL {
MARGIN-LEFT: 0px; BORDER-TOP: #e5e5e5 1px solid; TOP: -1px; LEFT: 100%