[CSS]menu zbędne obrazki w rogach Opcje

[Lejto]

Wykorzystałem animowane menu stąd: http://webhosting.pl/2.animowane.menu.za.p...jQuery..animate wszystko ok tylko mam zbędne obrazki w górnych lewych i prawych rogach.

Kod mam ten sam co na stronie. Nawet wiozłem ten sam obrazek co jest pokazany na stronie w przykładzie (środkowy) bo ten powoduje problem. Nie wiem co robić.
Rogi są normalne po wywaleniu środka albo po usunięciu z ul#jumping-nav li, ul#jumping-nav li a postion ale wtedy wszystko w 1 miejscu jest.

[HTML] pobierz, plaintext 
<style>
     ul#jumping-nav
    {
       position: relative;
       float: left; /* przemianowanie listy na szeregowa */
       overflow: hidden;
       padding: 0 10px;
       list-style: none;
       height: 4em; /* szerokosc przycisku */
   }
 
   ul#jumping-nav li, ul#jumping-nav li a
   {
       position: relative;
       float: left; /* przemianowanie listy na szeregowa */
   }
 
   ul#jumping-nav li
   {
       background: none;
       margin: 0;
       padding: 0;
       padding-left: 1px; /* 1-pikselowe rozdzielenie dwoch przyciskow od siebie */
       top: 15px; /* odleglosc od gornej krawedzi danej listy */
   }
 
   ul#jumping-nav li a
   {
       display: block;
       background: url('../images/menu_04.gif') 0 0 repeat-x; /* adres do grafiki srodka przycisku powtarzany na osi X */
       padding: 0.9em 1.1em;
       text-decoration: none;
       color: #006a6d;
       height: 57px;
	   font-weight: bold;
 
   }
 
   ul#jumping-nav li a span.left {
       display: block;
       /* pozycja absolutna */
       position: absolute;
       background: url('../images/menu_01.gif') 0 0 no-repeat; /* adres do grafiki lewej krawedzi przycisku */
       height: 57px;
       width: 12px;
       /* ustawienie grafiki lewej krawedzi w pozycji lewego, gornego rogu elementu listy */
       left: 0;
       top: 0;
       z-index: 10; /* ustawienie grafiki granicznej nad powielana, srodkowa */
   }
 
   ul#jumping-nav li a span.right {
       display: block;
       /* pozycja absolutna */
       position: absolute;
       background: url('../images/menu_05.gif') 0 0 no-repeat; /* adres do grafiki prawej krawedzi przycisku */
       height: 57px;
       width: 12px;
       /* ustawienie grafiki prawej krawedzi w pozycji prawego, gornego rogu elementu listy */
       right: 0;
       top: 0;
       z-index: 10; /* ustawienie grafiki granicznej nad powielana, srodkowa */
   }
 
   /* zmiany dokonywane przy najechaniu mysza na przycisk (grafika srodkowa + grafiki krawedzi) */
   ul#jumping-nav li a:hover, ul#jumping-nav li a:hover span
   {
       background-position: 0 -57px; /* przesuniecie pozycji tla o 57px w dol */
       color: #3f5f5a;
   }
 
   /* zmiany dokonywane przy kliknieciu mysza na przycisk lub po zaznaczeniu jej tabulatorem (grafika srodkowa + grafiki krawedzi) */
   ul#jumping-nav li a:active, ul#jumping-nav li a:active span, ul#jumping-nav li a:focus, ul#jumping-nav li a:focus span
   {
       background-position: 0 -114px; /* przesuniecie pozycji tla o 114px w dol */
       color: #333;
   }
 
    ul#jumping-nav li#with-image a
    {
       display: block;
        padding: 0.9em 1.1em;
        background: url('grafika_specjalna.png') 0 0 no-repeat; /* brak powtarzania w jakiejkolwiek osi */
        color: #333;
        text-decoration: none;
        height: 57px;
       width: 117px; /* okreslona na stale szerokosc przycisku */
   }
 
   /* zmiany dokonywane po najechaniu mysza na przycisk specjalny */
   ul#jumping-nav li#with-image a:hover
   {
       background-position: 0 -57px;
   }
 
   /* zmiany dokonywane przy kliknieciu mysza na przycisku specjalnym lub po zaznaczeniu jej tabulatorem */
  ul#jumping-nav li#with-image a:active, ul#jumping-nav li#with-image a:focus
  {
      background-position: 0 -114px;
  }
</style>
[HTML] pobierz, plaintext 

Pozdrawiam

nie macie żadnego pomysłu jak temu zaradzić ;/?