[size=10][size=10][size=11]<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;
     /* ===== رابط الصورة 1 ===== */ background:url("هنا الرابط") no-repeat left top;
     margin:0;
     padding:0 0 0 6px;
     text-decoration:none;
     }

#tabs a span {
     float:left;
     display:block;
   /* ===== رابط الصورة 2 ===== */ background:url("هنا الرابط") 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>القسم 1</span></a></li>
      <li><a href="رابط القسم"><span>القسم 2</span></a></li>
      <li><a href="رابط القسم"><span>القسم 3</span></a></li>
      <li><a href="رابط القسم"><span>القسم 4</span></a></li>
      <li><a href="رابط القسم"><span>القسم 5</span></a></li>
      <li><a href="رابط القسم"><span>القسم 6</span></a></li>
    </ul>
</div>