Thema: CSS Submenu-Problem bei Hover

Hallo zusammen,

ich bin leider kein CSS Experte. Ich habe mein Menü schon fast so wie ich es haben möchte, nur wenn ich mit der Maus über die Submenü-items gehe, nimmt der Pfeil vor dem Menüpunkt eine neue Position ein. Das soll er aber nicht. Ich habe mal ein Bild angehängt, auf dem das klar wird.

Dies ist der CSS Code, in dem ich schon viel ausprobiert habe. Hat jemand einen Tipp, wie ich es hinbekommen kann, dass sich der Pfeil beim drübergehen nicht bewegt?

Danke!!!! Grüeß, Frank

HTML-Code:

ul.menu a:hover, a.mainlevel:hover{

text-decoration:none;
}
li#current a, a#active_menu.mainlevel{
font-weight:bold;
}
li#current li a{
font-size:1em;
color:#2a2929;
font-weight:bold;
background:url(../images/arrow_sub.png) no-repeat;
padding:0px 0px 4px 24px;
background-position:14px 6px;
border:none;
}

Hallo,
poste bitte einen Link zu Seite um dir schnell und Präziese helfen zu können.
Ansonsten schau mal nach dem Bild welches beim hover bzw. active vergeben wird das ist bestimmt ein falsches.

Hier kommt der Link:
www.exxacto.de
Gruß, Frank

lösche die Positionsangaben (rot)
orange.css Zeile 63

Code:

 background: url("../images/orange/arrow_subactive.png") no-repeat scroll 4px 10px transparent;
}

Super - ich habe jetzt an der Stelle background-position:14px 6px; eingefügt, so dass die beiden Grafiken bei Hover jetzt übereinliegen. Wusste echt nicht wo ich da was ändern musste. Vielen Dank nochmals!!!! Gruß, Frank

Dann markiere das Thema doch bitte noch als gelöst wie in meiner Signatur beschrieben. Danke!