Did you take a look at it in your browser’s inspection window? You might be able to figure out what’s happening by taking a look at the CSS that way.
If not, we’ll need a link to an actual HTML example of the problem so that we can look at the HTML and CSS for ourselves, since there’s likely other information there that we’ll need.
Yeah. I figured out that setting line-height to 0 would fix it, but I didn’t think that was an ideal solution. However, after a bit of googling, apparently this is a known problem that I just have never come across. I generally only do strict text in my web pages and not images.
It looks like setting font-size: 0 is actually an even better solution than using line-height. I tested it and it works well.
Edit: I see that you put the change in .passage. Heh. Don’t do it there. Put it in .invWrapper and you’ll get the desired effect for just the inventory.
Even better: After re-reading the page I linked, I saw that it says that you can set vertical-align: top on the image (in .invItem img) and it’ll fix the problem. I tested it and this also works.
I think this is the optimal solution because then if you want to put text or something in there for some reason or another, it won’t mess it up.