Вот css моей меню выглядит так:

[CSS]#menu{
}
#menu ul{
list-style:none;
}
#menu li{
background:url(/forum/images/menu/menu_035_bg.jpg) repeat-x;
list-style:none;
display:block;
float:left;
height:36px;
}
#menu li a{
display:block;
float:left;
color:#000000;
text-transform:uppercase;
font-size:9px;
font-weight:bold;
line-height:25px;
text-decoration:none;
padding:0 10px;
}
#menu li a:hover{
color:#000000;
background:url(/forum/images/menu/menu_035_h.jpg) repeat-x;
height:36px;
} [/CSS]

Я захотел закруглить верхний левый уголок и верхний правый уголок у самой левой кнопки и самой правой кнопки, кодом:





Т.е.:



У меня получилось, но только они закругляются в обычном отображении, а как сделать чтобы и при наведении на кнопку они тоже были закруглены?