Yatay Acilir Menude Renk Degistirme Sorunu

<style type="text/css">

ul#menu li {
	float:left;
	position:relative;
	width:150px;
}

ul#menu, ul#menu ul {
list-style:none;
margin:0;
padding:0;
}

ul#menu li ul {
display:none;
position:absolute;
top: 19px; 
left: 0;
}

ul#menu li:hover ul { 
display:block;
}

ul#menu li a {
font: bold 11px Verdana, Helvetica, sans-serif;
display: block;
border-width:1px;
border-style:double;
border-color:#000000;
margin:0;
padding:2px;
color:#FFFFFF;
background-color:#000000;
text-decoration:none;

}

ul#menu li a:hover{
background-color:yellow;

}


</style>

<ul id="menu">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a>
<ul>
<li><a href="#">Şirketimizin Tarihi</a></li>
<li><a href="#">Yöneticilerimiz</a></li>
<li><a href="#">Çalışanlarımız</a></li>
<li><a href="#">Faaliyetlerimiz</a></li>
</ul>
</li>
<li><a href="#">Referanslarımız</a>
<ul> 
<li><a href="#">Deneyimlerimiz</a></li>
<li><a href="#">Ne dediler?</a></li>
</ul>
<li><a href="#">Hizmetlerimiz</a></li>
<ul> 
<li><a href="#">Web Tasarım</a></li>

</ul>
</ul>