Css ile Bannera Hareketli Arkaplan Oluşturma (Pozisyon Değişmeli)

<div id="header">
<h2><a id="hmp" href="#mp">SivasWeb.NET</a></h2>
<ul>
<li><a id="hyd" href="#yd">Kimdir?</a></li>
<li><a id="hms" href="#ms">Neler Yaparız?</a></li>
<li><a id="hsd" href="#sd">Neler Yaptık?</a></li>
<li><a id="hol" href="#ol">Neden Biz?</a></li>
<li><a id="hek" href="#ek">Neler Dediler?</a></li>
<li><a id="has" href="#as">İletişim</a></li>
</ul>
</div>



#header{width:964px; height:69px; margin:0 auto;}
 #header ul li{float:left;}
 #header a{text-indent:-9999px; display:block; height:67px; background-image:url(../images/headerButtonSet.png);}
 #header h2{float:left;}
 #header h2 a#hmp{background-position:0 0;width: 306px;}
 #header h2 a#hmp:hover{background-position:0 -67px;}


 #header ul li a#hyd{background-position:-306px 0 ;width: 148px;}
 #header ul li a#hyd:hover, #header li a#hyd.selected{background-position:-306px -67px;}
 #header ul li a#hms{background-position:-454px 0;width: 109px;}
 #header ul li a#hms:hover, #header li a#hms.selected{background-position:-454px -67px;}
 #header ul li a#hsd{background-position:-563px 0;width: 103px;}
 #header ul li a#hsd:hover, #header li a#hsd.selected{background-position:-563px -67px;}
 #header ul li a#hol{background-position:-666px 0;width: 127px;}
 #header ul li a#hol:hover, #header li a#hol.selected{background-position:-666px -67px;}
 #header ul li a#hek{background-position:-793px 0;width: 84px;}
 #header ul li a#hek:hover, #header li a#hek.selected{background-position:-793px -67px;}
 #header ul li a#has{background-position:-892px 0;width: 78px;}
 #header ul li a#has:hover, #header li a#has.selected{background-position:-892px -67px;}