Menü hakkında

<style type="text/css">
ul#menu
{
   margin:0;
   padding:0;
   list-style-type:none;
   width:auto;
   position:relative;
   display:block;
   height:30px;
   font-size:12px;
   font-weight:bold;
   background:transparent url(http://img40.imageshack.us/img40/6590/navbgl.png) repeat-x top left;
   font-family:Arial, Helvetica, sans-serif;
   border-bottom:1px solid #000000;
   border-top:1px solid #000000;
}

ul#menu li
{
   display:block;
   float:left;
   margin:0;
   padding:0;
}
   
ul#menu li a
{
   display:block;
   float:left;
   color:#999999;
   text-decoration:none;
   font-weight:bold;
   padding:8px 20px 0 20px;
}
   
ul#menu li a:hover
{   
   color:#FFFFFF;
   height:22px;
   background:transparent url(http://img40.imageshack.us/img40/6590/navbgl.png) 0px -30px no-repeat;      
}
   

ul#menu li a.current
{
   display:inline;
   height:22px;
   background:transparent url(http://img40.imageshack.us/img40/6590/navbgl.png) 0px -30px no-repeat;   
   float:left;
   margin:0;
}
</style>

<div>
         <ul id='menu'>
         <li class="button"><a class='current' href='google.com.tr'>Home</a></li>
         <li class="button"><a href='ogame.com.tr>Products</a></li>
         <li class="button"><a href='google.com>Support</a></li>
         <li class="button"><a href='facebook.com>Contact</a></li>
         </ul>
      </div>