fareyi üzerine getirince değisen resim

<style type="text/css">

ul#resim {   
   position:absolute;
   height: 200px;
   width: 100px;
   margin: 0;
   padding: 0;
}

ul#resim li {
   list-style: none;
   position: absolute;
}

ul#resim li a {
   height: 100px;
   display: block;
   position:relative;
   }   


#resim1 a{
      width:100px;
      background: url(http://img.webme.com/pic/h/hackerfriend/programcity.jpg) 0 0 no-repeat;
}

#resim1      {left: 0px;}

#resim1 a:hover{
      width:100px;
      background: url(http://img.webme.com/pic/h/hackerfriend/programcity.jpg) 0 -100px no-repeat;
}

</style>

<ul id="resim">
    <li id="resim1"><a></a> </li>
</ul>