I am working with an unordered list and have set it up to display a background image on the li element when the cursor hovers over it:
<div class="sidebar">
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
</div>
Here is the CSS code I've used:
/* I DON'T HAVE STYLE FOR <UL> */
.sidebar li {
list-style-type: none;
}
.sidebar li:hover {
list-style-type: none;
background-repeat: repeat-x;
background-image: url(../img/mbg.png);
color:white;
}
However, the background image does not reach all the way to the left edge. How can I adjust this to make it reach the end on the left? Thank you!