[shazronline]

Can anyone tell me how I get my images on my website to line up with the links beside them.

My site is:
shazronline.com

The links are at the top right. I need the images to line up even with the images, but no matter what I have done it doesn't work.

CSS Code for the links is:
ul { margin: 0px; }
li.websites { list-style-image: url(../images/nav/websites.png); }
li.wallpapers { list-style-image: url(../images/nav/wallpapers.png); }
li.logos { list-style-image: url(../images/nav/logos.png); }
li.print { list-style-image: url(../images/nav/print.png); }
li.misc { list-style-image: url(../images/nav/misc.png); }
li.links { list-style-image: url(../images/nav/links.png); }
li.other { list-style-image: url(../images/nav/other.png); }
li.contact { list-style-image: url(../images/nav/contact.png); }

Please help!

[herkalees]

Instead of making the images a list-style-image, you'll find much more control if you make them background images. As far as I know, you cannot adjust the position of anything defined through list-style-image.

...but I've been wrong before.

[pgo]

Yeah, I almost never use list-style-image and just apply background-images to <li>s.