css如何改变按钮的颜色代码,用CSS更改圆角按钮的颜色

提前一堆谢谢！

我能够使用CSS制作圆角按钮。我希望能够鼠标悬停按钮，整个事物改变它的颜色，而不仅仅是最内在的div。请帮助！

我的假设是，我应该有一些与onmouseover =“”的javascript，对吗？

这是页面：http：//biozenconsulting.com/new/

(另外，在IE8和Chrome浏览器中查看时，如何摆脱右角出现的小盒子？)

这是HTML代码：

Home

这是CSS：

.nav_menu {

text-align: center;

color: #353535;

font-size: 20pt;

font-family: Verdana, Geneva, sans-serif;

float: left;

width: 33%;

}

#about {

margin: 0 .5% 0 .5%;

}

.top_menu {

display:block

overflow: hidden;

}

.top_menu *{

display:block;

height:1px;

overflow:hidden;

font-size:.01em;

background:#AAAAAA

}

.top_menu1{

margin-left:3px;

margin-right:3px;

padding-left:1px;

padding-right:1px;

border-left:1px solid #AAAAAA;

border-right:1px solid #AAAAAA;

background:#AAAAAA

}

.top_menu2{

margin-left:1px;

margin-right:1px;

padding-right:1px;

padding-left:1px;

border-left:1px solid #AAAAAA;

border-right:1px solid #AAAAAA;

background:#AAAAAA

}

.top_menu3{

margin-left:1px;

margin-right:1px;

border-left:1px solid #AAAAAA;

border-right:1px solid #AAAAAA;

}

.top_menu4{

border-left:1px solid #AAAAAA;

border-right:1px solid #AAAAAA

}

.top_menu5{

border-left:1px solid #AAAAAA;

border-right:1px solid #AAAAAA

}

.top_menufg{

background:#AAAAAA

}

.top_menufg:hover{

background-color: #888888;

cursor: pointer;

}