I am using LI tags for my navigation bar, each which have an image in them. For some reason, extra white space shows up after the image if I put the li tags on seperate lines, but if I remove the extra lines and make the li tags but up against each other, the space disappears.

Is there anyway to make it so I can make my code neat and have the li tags on seperate lines and keep the white space from showing up after each image? I've tried using white-space: nowrap; tags in the li tag but it didn't help.