Thema: Hauptmenu und #current

Hallo Gemeinde,
ich sitze irgendwie an einem verzwickten Problem.

Ich habe meinen Menüpunkten eine Hintergrundgrafik zugewiesen. Das Funktioniert auch soweit. Nun möchte ich aber wenn sich das Menü unterteilt, dass zum einen der Text eingerückt ist, und auch das Hintergrundbild sich bei #current ebenso ändert.

Wie spreche ich #current in der zweiten Ebene an?

Code:

.module_menu ul {
	list-style-type: none;
}
.module_menu ul li {
	list-style: none;
	line-height: 14px;
}
.module_menu ul li a:link, .module_menu ul li a:visited, .module_menu ul li a:active {
	text-decoration: none;
        padding: 10px 0px 10px 55px;
	display: block;
        color: #434343;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #afafaf;
	background: url(../images/hover.jpg) no-repeat 35px 10px;
}

.module_menu ul li a:hover {
	text-decoration: none;
        padding: 10px 0px 10px 55px;
	display: block;
        color: #c33f0a;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #afafaf;
	background: url(../images/hover_bg.jpg) no-repeat 35px 10px;
}

.module_menu ul li ul li a:link, .module_menu ul li ul li a:visited, .module_menu ul li ul li a:active {
	text-indent: 20px;
	border-bottom: 1px solid white;
	background: url(../images/hover.jpg) no-repeat 55px 10px;
}

.module_menu ul li ul li a:hover {
	border-bottom: 1px solid white;
	background: url(../images/hover_bg.jpg) no-repeat 55px 10px;
}

li#current a{
color: #c33f0a;
background: url(../images/hover_bg.jpg) no-repeat 35px 10px;
}

So wie es jetzt ist funktioniert alles in der Ersten Ebene. Klicke ich nun aber auf Leistungen und es kommen die Unterpunkte "Unsere Leistungen" und "Service", wird denen

Code:

li#current a{
color: #c33f0a;
background: url(../images/hover_bg.jpg) no-repeat 35px 10px;
}

zugewiesen, ich müsste denen aber

Code:

li#current a{
color: #c33f0a;
background: url(../images/hover_bg.jpg) no-repeat 55px 10px;
}

zuweisen. Wenn das eine richtig ist, ist das andere wieder falsch.

Kann mir wer helfen?

LG ChOp

Erste Ebene:

Code:

li#current > a {
color: #c33f0a;
background: url(../images/hover_bg.jpg) no-repeat 35px 10px;
}

Zweite/Dritte/Vierte/Xte Ebene:

Code:

li#current li a {
color: #c33f0a;
background: url(../images/hover_bg.jpg) no-repeat 55px 10px;
}

Puh. Gibts vielleicht einen Link zur Seite?

Zitat von Harmageddon

Puh. Gibts vielleicht einen Link zur Seite?

Ich habe mal das Template auf meiner Joomla-Testseite installiert. Klickt da auf "Joomla im Überblick" und dann seht ihr das Problem. Ich habe aber gerade gesehen, es scheint mit der Menüeigenschaft "Alias" etwas zu tun zu haben.

Als ich das Template rübergezogen haben war der Fehler nicht da, erst als ich wie gewünscht "Joomla im Überblick" als Alias auf "Was ist neu in 1.5" gesetzt habe, hat sich die Hintergrundgrafik wieder verschoben.

Jemand ne Idee?=