Q:

hover button image not fit for all menus?

I have a menu on which I have to make a hover effect, that can't be drawn by css, so I have  use it as a picture. My menu objects are <li> objects with different sizes, 
and I cant understand how can I make the different sized images fit in <li> because the <li> objects don't have a defined width. 
My code is as follows: 
ul li:hover{

    background:url('../images/hover.jpg');
        width:100%;

}

but it sets the picture to <ul> size and repeats it over and over

A:

I've found the solution. I cropped the mid part of the hover image, and cropped the end and the start. i used the mid as background and set on repeat, then put 2 divs with end at start with position:absolute and left:0px; and right:0px;  worked like a charm 

