Niestety nie działa, podam poniżej kod mojego menu może coś źle zrobiłem w nim.
Kod
#menu ul,li {
padding-left: 0;
}
a.menu1 {
background: url(images/menu1.png) no-repeat;
height:25px;
width:162px;
display: inline-block;
}
a.menu1:hover {
background-position: 0px -22px;
}
a.menu2 {
background: url(images/menu2.png) no-repeat;
height:25px;
overflow:hidden;
width:121px;
display: inline-block;
}
a.menu2:hover {
background-position: 0px -23px;
}
a.menu3 {
background: url(images/menu3.png) no-repeat;
height:25px;
overflow:hidden;
width:75px;
display: inline-block;
}
a.menu3:hover {
background-position: 0px -23px;
}
a.menu4 {
background: url(images/menu4.png) no-repeat;
height:25px;
overflow:hidden;
width:110px;
display: inline-block;
}
a.menu4:hover {
background-position: 0px -23px;
}
a.menu5 {
background: url(images/menu5.png) no-repeat;
height:25px;
overflow:hidden;
width:52px;
display: inline-block;
}
a.menu5:hover {
background-position: 0px -23px;
}
a.menu6 {
background: url(images/menu6.png) no-repeat;
height:25px;
overflow:hidden;
width:90px;
display: inline-block;
}
a.menu6:hover {
background-position: 0px -23px;
}
a.menu7 {
background: url(images/menu7.png) no-repeat;
height:25px;
overflow:hidden;
width:98px;
display: inline-block;
}
a.menu7:hover {
background-position: 0px -23px;
}
a.menu8 {
background: url(images/menu8.png) no-repeat;
height:24px;
overflow:hidden;
width:78px;
display: inline-block;
}
a.menu8:hover {
background-position: 0px -24px;
}