just try with this example....
<style media="screen" type="text/css">
.menu {
height: 44px;
width: 750px;
position: block;
}
.cssnav {
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
margin: 1px;
padding: 0;
float: left;
}
.cssnav a {
color: #ffffff;
font-size: 12px;
padding-top: 2px;
display: block;
width: 91px;
height: 20px;
background: url(buttons_down.jpg) no-repeat;
text-decoration: none;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.cssnav a:hover { background: url(buttons_up.jpg); no-repeat; }
</style>
<body>
<div class="menu">
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
<div class="cssnav"><a href="http://www.mydomain.com" title="1">Button1</a></div>
</body>
