Category listing page displays differently in Firefox

So I have another question that I'm sure is a goof I've made in the site CSS. The product category listing looks VERY different in Firefox than in IE. I added some spacing so that the rows don't look as crowded. In IE it displays the way I intended. However, in Firefox, the display looks like the original cramped display I was trying to adjust.

I am hoping that one of the CSS gurus out there can tell me if there is a way to resolve this display discrepancy between the two browsers?

Here's the page in question:
http://clients.overthehillweb.com/phlaunthair/phflauntshop/index.php?main_page=index&cPath=1

From my stylesheet:

tr.productListing-odd {
	background: #F5F5F5 url(../../../../images/content_images/tableBorderBg.png);
    background-repeat: repeat-x;
    background-position: bottom;
	padding: 10px 0px 30px 0px;
	vertical-align: top;
	}

tr.productListing-even {
	background: #F5F5F5 url(../../../../images/content_images/tableBorderBg.png);
    background-repeat: repeat-x;
    background-position: bottom;
	padding: 10px 0px 30px 0px;
	vertical-align: top;
	}

Well it would be nice to know how to resolve this.. (IE still continues to wreak havc in the way it does stuff:frusty:) Apparently this is gonna require a CSS hack, though I'm not exactly sure how to implement one of these hacks.. In the interest of ending this pounding in my head, I resolved this by removing the padding attributes and adding a height attribute instead.. Not the way I wanted to do this, but I'll live..