i have a vertical menu and i want to add a small picture on the side of the item.like this:

<li><a href="links.html" ><img src="images/men6.jpg" border="0" />festivals</a></li>

i have a top border to each item and my problem is that i cant get rid of the space i get between the image and the next item, i think it is because the text itself by default has a small space from the bottom?
can i solve this?

Is it possible to add a background image to the <li> using css?

i dont know if it makes sense or any problems because i didnt do it before but so far in eplorer it works, exept for the space problem that i hope some ine can help me with...

li {
    margin:  0;
    padding:  0;
}

Play with that. See how it does. By the way, you spell your name the same as my sister does. How rare!

you mean pizza?

I think he means tami...

I had to use this to get it to work

ul {list-style-type: none;}
ul li {margin-top: -5;}
img {border: 0;}

because i have a border

ul li{border-top:1px solid #851F03;}

if i use margin top :-5px; or even lower it does get rid of the space between the images but also gets rid of the border.....

Yes, I meant Tami.

What happened when you added border-top: 1px solid #851F03; to my code?

i tried this

ul li{
border-top:1px solid #851F03;
    margin:  0;
    padding:  0;
}

and it didnt make any diffrence. when i tried {margin-top: -5;}
it changed the space but on the account of the top border.