/* Меню by FLON - Diz-Cs.ru */ .bmenu {width:230px; margin:0 auto;} .bmenu ul li {display:block; height:25px; line-height:25px; padding:3px 0 0 0;} .bmenu ul li a {display:block; background:url(/bmenu.png) no-repeat 0 0; height:25px; color:#fff; padding:0 0 0 33px;} .bmenu ul li a:hover {background-position:0 -25px; text-decoration:none;} /* -------- */
В блок
Код
<div class="bmenu"> <ul> <li><a href="#">Меню by FLON</a></li> <li><a href="#">Меню by FLON</a></li> <li><a href="#">Меню by FLON</a></li> <li><a href="#">Меню by FLON</a></li> <li><a href="#">Меню by FLON</a></li> <li><a href="#">Меню by FLON</a></li> </ul> </div>
бг лучше указывать на li а не на [a] так как при наведении справа в конце, не будет срабатывать второе изображение (при наведении) а будет срабатывать только если наведешь на ту длину которая в a