<ul class="menus">
  <li class="menu1"><a href="#">메뉴 1</a></li>
  <li class="menu2"><a href="#">메뉴 2</a></li>
</ul>

<style>
 .menus {   list-style:none; text-align:left; height:20px; overflow:hidden; display:inline;}
 .menus li {  list-style:none; display:inline;}
 .menus a {float:left; padding:20px 0 0 0; overflow:hidden; height:0px !important; height /**/:20px;  }
 .menus a:hover { background-position:0 -20px; }
 .menus a:active, .user_menu a.selected  { background-position:0 -20px; }

 .menu1 a { width:82px; background:url(http://image.yozmn.com/imgs/person/01/tbt_01_00.gif) top left no-repeat; }
 .menu1 a:hover { width:82px; background:url(http://image.yozmn.com/imgs/person/01/tbt_01_01.gif) top left no-repeat; }
 .menu1 a.selected { width:82px; background:url(http://image.yozmn.com/imgs/person/01/tbt_01_01.gif) top left no-repeat; }

 .menu2 a { width:82px; background:url(http://image.yozmn.com/imgs/person/01/tbt_03_00.gif) top left no-repeat; }
 .menu2 a:hover { width:82px; background:url(http://image.yozmn.com/imgs/person/01/tbt_03_01.gif) top left no-repeat; }
 .menu2 a.selected { width:82px; background:url(http://image.yozmn.com/imgs/person/01/tbt_03_01.gif) top left no-repeat; }
</style>