The text for my product listing heading displays incorrectly in IE8. The color for non link text should be dark blue instead of black, and should be vertically centered. Everything is fine in Firefox

I'm not sure how to fix it? See the issue

Here's my CSS:

Code:
.productListing-rowheading {
    background-image: url("../images/headerback.png");
    background-repeat: repeat-x;
    height: 32px;


}


.productListing-heading {
    color: #000060;
    height: 32px;
    padding: 3px 0 5px;


}

Thanks in advance :)