Miért nem változik meg a hovernek a színe ha átállítom?

bármit állítok be neki lila marad.

* {

padding: 0;

margin: 0;

}

body {

background: #FF0000;

font-family: arial,tahoma,verdana;

font-size: 11px;

margin-top: 30px;

}

div#container {

width: 740px;

margin: 0 auto;

}

div#content {

background: #B22222;

color: #fff;

padding: 20px;

margin-top: 1px;

border-bottom-left-radius: 10px;

border-bottom-right-radius: 10px;

border-top-right-radius: 10px;

box-shadow: 2px 2px 2px #800000;

}

div#content h1 {

font-family: georgia;

font-size: 30px;

margin: 0 0 20px 0;

padding: 0;

}

div#content p {

text-align: justify;

line-height: 18px;

margin: 0 0 10px 0;

}

ul#menu a,

ul#menu div {

padding: 10px 20px;

display: block;

color: #fff;

text-decoration: none;

text-shadow: 1px 1px 1px #000;

font-weight: bold;

}

ul#menu div {

cursor: pointer;

background: url('arrow_down.png') no-repeat 95% 50%;

}

ul#menu li {

list-style: none;

float: left;

color: #fff;

font-size: 14px;

text-transform: uppercase;

background: #A0522D;

background: -moz-linear-gradient(top, #DC143C 0%, #A0522D 100%);

background: -webkit-gradient(linear, left top, left bottom, from(#DC143C), to(#A0522D));

margin-right: 1px;

width: 140px;

text-align: center;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

}

ul#menu li:hover {

background: #C71585;

}

ul#menu li ul {

display: none;

position: absolute;

border-top: 1px solid transparent;

}

ul#menu ul li {

float: none;

text-transform: lowercase;

margin: 0;

background: url('arrow_right.png') no-repeat #3f3f3f 5% 50%;

font-size: 11px;

border-radius: 0;

box-shadow: none;

}

ul#menu ul li:hover {

background: url('arrow_right.png') no-repeat #000 5% 50%;

}

ul#menu ul li a {

padding: 10px;

}

www.f1vilag.uw.hu