[SOLVED] Headline titles are displayed different in IE than other browsers

Hi, I have the following problem. I use

font-family: calibri, "gill sans mt", verdana, tahoma, arial, sans-serif;
color: #004A96;
line-height: 0.9em;
text-decoration: none;
text-transform: none;
font-weight: normal;

for my titles (color: #990033; for hover color). I also use the plugin wp-subtitle to display a productname above the title. This is styled like this:

.subtitle {
font-family: calibri, "gill sans mt", verdana, tahoma, arial, sans-serif;
color: #000000;
font-variant: small-caps;
font-size: 1.2em;
}

The problem is that it all shows well in Firefox, Safari etc. but not in IE7/8. IE shows the titles as Arial, in black and for hove in a kind of green. Also there's a big white gap between the kicker/subtitle and the title. I cannot find the cause. Any ideas? Thanks.