I've got a nav using an HTML UL tag and styled with CSS. I've got images within the LI tags. I'm getting a persistent 4 pixel right padding error which appears part of the LI tag but it persists even when I set padding (and margin) to 0. I'm also getting a 1px gap up top. This error appears in FF and IE7, at least. I've styled the #mainmenu background as black so you can see the gap; otherwise, it should be transparent. Here's the cleaned up page/css URL if you can help:
One oddity is that the error mostly goes away if I stream the code into a single line of code. In that sense, it's like the old browser issue circa 1996 where not putting the tag right after an image introduced a persistent space to the right of an image.
Is there a CSS solution to this problem? It's making me nuts and wasting my time. I post the problem here in case someone has seen this or has a better way to achieve my goal.
Thanks for any help!