二个css按钮式水平下拉菜单代码

.hbuttons a{display: block;text-decoration: none;font: bold 13px Arial;
color: black;width: 78px;height: 23px;float: left;display: inline;
margin-right: 8px;background-image:url(tabsquare.jpg);background-repeat: no-repeat;
padding-top: 4px;text-align:center;}
.hbuttons a:hover{background-image:url(tabsquareover.jpg);}
.bbuttons a{display: block;text-decoration: none;font: bold 13px Arial;
color: black;width: 78px;height: 23px;float: left;display: inline;
margin-right: 8px;background-image:url(menu.jpg);background-repeat: no-repeat;
padding-top: 4px;text-align:center;}
.bbuttons a:hover{background-image:url(menuover.jpg);}

<div class="hbuttons">
<a href="http://www.yuju100.com">Home</a>
<a href="http://www.yuju100.com">Submit</a>
<a href="http://www.yuju100.com">Resources</a>
<a href="http://www.yuju100.com">Contact</a>
</div>
<div style="clear: left;"></div>
<div class="bbuttons">
<a href="http://www.yuju100.com">Home</a>
<a href="http://www.yuju100.com">Submit</a>
<a href="http://www.yuju100.com">Resources</a>
<a href="http://www.yuju100.com">Contact</a>
</div>
<div style="clear: left;"></div>