başlıktaki önemli ibaresini kaldırsanız keşke.

.artmenu a span span
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  
  color: #244147;
  padding: 0 17px;
  margin: 0 0px;
  line-height: 23px;
  text-align: center;
  background-image: url('images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;

.artmenu a:hover span span
{
  color: #FCEEE8;
  background-position: left -23px;
}

.artmenu li:hover a span span
{
  color: #FCEEE8;
  background-position: left -23px;
}

ya item-center.png resmini değiştirin yada bu satırları şöyle düzenleyin. ozaman alakasız renk gidecektir.

.artmenu a span span
 {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 10px;
   font-style: normal;
   font-weight: bold;
   text-decoration: none;
   
   color: #244147;
   padding: 0 17px;
   margin: 0 0px;
   line-height: 23px;
   text-align: center;
   background-position: left top;
   background-repeat: repeat-x;
 
 .artmenu a:hover span span
 {
   color: #FCEEE8;
   
 }
 
 .artmenu li:hover a span span
 {
   color: #FCEEE8;
   
 }