Hallo zusammen

Ich habe ein Menu erstellt, bei dem für jeden Link ein anderes Bild angezeigt wird. Bei den unteren Menupunkten, funktioniert alles bestens, aber die zwei obersten Menupunkte sind nicht anwählbar.
Hier der Link zur Webseite: http://da-silva.ch/joomla15/

Hier die Menu-CSS:
HTML-Code:
ul.menu, ul.menu ul {
 list-style: none;
 display: block;
 width: 100%;
}
ul.menu {
 margin-top: 30px;
 padding: 0;
 width: 100%;
 display: block;
}

ul.menu li a {
 display: block;
 color: #609102;	
 height: 23px;
 margin: 3px;
}
/***** ausblenden vom menu-text ********/
ul.menu li a span {
 display: none;
}

/***** einzelne menu-punkte ************/
li.item1 a {
 background: url(../images/navi0.gif) no-repeat 0 0;
}
li.item53 a {
 background: url(../images/navi1.gif) no-repeat 0 0;
}
li.item54 a {
 background: url(../images/navi2.gif) no-repeat 0 0;
}
li.item58 a {
 background: url(../images/navi3.gif) no-repeat 0 0;
}
li.item55 a {
 background: url(../images/navi4.gif) no-repeat 0 0;
}
li.item56 a {
 background: url(../images/navi5.gif) no-repeat 0 0;
}
li.item57 a {
 background: url(../images/navi7.gif) no-repeat 0 0;
}
li.item59 a {
 background: url(../images/navi6.gif) no-repeat 0 0;
}
/** hover  **/
li.item1 a:hover {
 background: url(../images/navi0.gif) no-repeat 0 -23px;
}
li.item53 a:hover {
 background: url(../images/navi1.gif) no-repeat 0 -23px;
}
li.item54 a:hover {
 background: url(../images/navi2.gif) no-repeat 0 -23px;
}
li.item58 a:hover {
 background: url(../images/navi3.gif) no-repeat 0 -23px;
}
li.item55 a:hover {
 background: url(../images/navi4.gif) no-repeat 0 -23px;
}
li.item56 a:hover {
 background: url(../images/navi5.gif) no-repeat 0 -23px;
}
li.item57 a:hover {
 background: url(../images/navi7.gif) no-repeat 0 -23px;
}
li.item59 a:hover {
 background: url(../images/navi6.gif) no-repeat 0 -23px;
}
/** active item ***/
li#current.item1 a {
 background: url(../images/navi0.gif) no-repeat 0 -46px;
}
li#current.item53 a {
 background: url(../images/navi1.gif) no-repeat 0 -46px;
}
li#current.item54 a {
 background: url(../images/navi2.gif) no-repeat 0 -46px;
}
li#current.item58 a {
 background: url(../images/navi3.gif) no-repeat 0 -46px;
}
li#current.item55 a {
 background: url(../images/navi4.gif) no-repeat 0 -46px;
}
li#current.item56 a {
 background: url(../images/navi5.gif) no-repeat 0 -46px;
}
li#current.item57 a {
 background: url(../images/navi7.gif) no-repeat 0 -46px;
}
li#current.item59 a {
 background: url(../images/navi6.gif) no-repeat 0 -46px;
Hat jemand eine Idee, an was es liegen könnte?

Vielen Dank für Eure Hilfe.