CSS Yatay Açılır Menüdeki Küçük Sorunum

merhaba arkadaşlar,

css de yatay açılır menü yapımıyla ilgilenmekteyim şu anda ve küçük bir sorunum var. yardımlarınızı bekliyorum.

sorunum resimde yazılı



CSS Kodlarım:

[BILGI]​.menu{list-style-type: none;
margin:0;
padding:0;
width:750px;
height:35px;
background-color:grey;
float:left;
}
.menu a{
width:auto;
height:35px;
font-size:15px;
color:white;
padding-left:20px;
padding-right:20px;
line-height:35px;
float:left;
}
.menu a:hover{
background-color:green;
}
.menu li{
position:relative;
list-style-type: none;
width:auto;
float:left;
}
.menu li ul{
position:absolute;
width:auto;
height:auto;
top:35px;
margin:0;
padding:0;
display: none;
background-colorrange;
}
.menu li:hover ul{
display: block;
}[/BILGI]

2-3 kod eklenerek sorun çözüldü