Im neusten IE sieht es genauso aus wie im Firefox...

Nachdem es bei anderen Anpassungen zu großen Problemen gekommen ist, musste ich leider das Theme wechseln . Nun habe ich allerdings wieder ein Problem mit der Navigation. Momentan sieht das ganze so aus:

Ich hätt es gerne aber so, dass der Navigationsbalken normalerweise dunkelrot ist und wenn man über die Menüpunkt geht (bzw. sie anklickt) dass der entsprechende Menüpunkt weiß wird. Das mit dem weißen Menüpunkt habe ich hinbekommen. Was noch fehlt ist folgendes ein einheitlicher dunkelroter Balken mit abgerundeten Ecken (momentan sind es einzelne dunkelrote Rechtecken, die außerdem noch viel zu hoch sind).

Könnt ihr mir da weiterhelfen? Der CSS-Code für die Navigation lautet:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

/* Layout -----------------------------------------*/   div#menubar { float: right; margin: 25px 0 0 0; } div#menubar a { border-bottom: 0 none; } div#menubar h3 { display: none; } div#menubar ul { display: block; margin: 0; padding: 0; list-style: none; height: 50px; } div#menubar ul li { display: block; margin: 0 0 0 10px; padding: 0; float: left; position: relative; height: 50px; } div#menubar ul ul {     position: absolute; display: none; width: 15em; float: none;     margin: 0; padding: 20px 0 0 0; left: 0; height: auto; z-index: 9999999; } div#menubar ul ul li { padding: 0; margin: 0; float: none; height: auto; } div#menubar ul ul ul { float: left; margin: 0; top: 0; padding: 0;}   div#menubar ul li a { display: block; margin: 0; padding: 0 20px; outline: none; text-decoration: none; } div#menubar ul li a span.sf-sub-indicator { float: right; padding: 0 0 0 7px; }   div#menubar ul ul a { display: block; margin: 0; padding: 15px 20px; outline: none; height: auto; border: 0 none; } div#menubar ul ul a span.sf-sub-indicator { display: block; float: right; height: auto; }   div#menubar ul li:hover a, div#menubar ul li.hover a {  } div#menubar ul li.current_page_item a { } div#menubar ul li.current-menu-item a { }   div#menubar ul li:hover ul, div#menubar ul li.hover ul { display: block; z-index: 999999; }         /* Colors and Images -----------------------------------------*/   div#menubar ul li { background: #7c0507 } div#menubar ul li a { color: #fff; text-shadow: #000 px3 1px; } div#menubar ul li:hover a { color: #7c0507; background: #ffffff none; } div#menubar ul li.hover a { color: #7c0507; background: #ffffff none; } div#menubar ul li.current_page_item a { color: #7c0507; background: #ffffff none; } div#menubar ul li.current-menu-item a { color: #7c0507; background: #ffffff none; }   div#menubar ul li:hover ul { } div#menubar ul li.hover ul { }   div#menubar ul li:hover li a { color: #7c0507; background: transparent url('../images/bg-menubar-item-2.png') left top repeat; } div#menubar ul li.hover li a { color: #7c0507; background: transparent url('../images/bg-menubar-item-2.png') left top repeat; } div#menubar ul li:hover li:hover a { background: #ffffff none; } div#menubar ul li.hover li.hover a { background: #ffffff none; }   div#menubar ul li:hover li:hover li a { color: #7c0507; background: transparent url('../images/bg-menubar-item-2.png') left top repeat;  } div#menubar ul li.hover li.hover li a { color: #7c0507; background: transparent url('../images/bg-menubar-item-2.png') left top repeat;  } div#menubar ul li:hover li:hover li:hover a { background: #ffffff none; } div#menubar ul li.hover li.hover li.hover a { background: #ffffff none; }     /* Typography -----------------------------------------*/   div#menubar ul { } div#menubar ul li a { font: normal 12px/30px Helvetica, Arial, sans-serif; } div#menubar ul ul li a { font: normal 12px/20px Helvetica, Arial, sans-serif; }

In diesem Theme sind die CSS-Codes auf viele CSS-Dateien verteilt. Wenn ihr noch weitere Codes benötigt, sagt bitte bescheid.

Vielen Dank bereits im Voraus!

Viele Grüße
Sebastian