Line-Height doesn't work in Internet Explorer

[Blakles]

I wanted the lines of text in the infoboxes to be more spaced out. So I added "line-height: 1.88889;" to the ".infoBoxContents" like so:

 

.infoBoxContents {

background: #dad7c6;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

line-height: 1.88889;

}

 

This works fine in Firefox, but in Internet Explorer 7 and 8, it applies the line-height to every infobox EXCEPT the categories box. I even tried adding the "class="infoBoxContents" in the catalog/includes/boxes/categories.php file like so:

 

$categories_string .= '<a class="infoBoxContents" href="';

 

It appears twice in that file and I added it in both places. Still looked exactly the same in IE.

 

I am wondering if it has something to do with the standard images that are placed to the left of the category names. Does anyone know how to fix this or if I'm doing something wrong? Thanks for the help!

[Blakles]

Okay, I just realized a few things:

 

The category names in the categories info box DOES change to have a line-height of 1.88889 ONLY when viewing an item (product_info.php). I think this might have something to do with me having the Category Box Enhancement v 1.1 installed. Does anyone know how I can get the categories to have a line-height of 1.8889 all the time and not just when a product is being viewed? Thanks