Excessive UL Margin In Chrome And Firefox

In my html, I have a generated ul element that hold li's with img's in them. I get a strange 3px (approx) excesive margin between my li's in addition to css defined margin. Here is

Solution 1:

Solved. It's how browsers render line breaks between li's. Had to force the html generator render all li's in one line to remove the space between.