Corp Mavi CSS Menü

<style type="text/css">
#tabs {
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #666;
    margin-bottom:1em; /*margin between menu and rest of page*/
    overflow:hidden;
    }

#tabs ul {
    margin:0;
    padding:10px 10px 0 0px;
    list-style:none;
   
    }

#tabs li {
    display:inline;
    margin:0;
    padding:0;
    }

#tabs a {
    float:left;
    background:url("media/left.png") no-repeat left top;
    margin:0;
    padding:0 0 0 6px;
    text-decoration:none;
    }

#tabs a span {
    float:left;
    display:block;
    background:url("media/right.png") no-repeat right top;
    padding:6px 15px 4px 6px;
    margin-right:2px;
    color:#FFF;
    }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
    }

#tabs a:hover {
    background-position:0% -42px;
    }

#tabs a:hover span {
    background-position:100% -42px;
    }

</style>

<div id="tabs">
  <ul>
    <li></li>
    <li><a href="#"><span>Menu 1</span></a></li>
    <li><a href="#"><span>Menu 2</span></a></li>
    <li><a href="#"><span>Menu 3</span></a></li>
    <li><a href="#"><span>Menu 4</span></a></li>
    <li><a href="#"><span>Menu 5</span></a></li>
    <li><a href="#"><span>Menu 6</span></a></li>
  </ul>
</div>