Can't change font-size from JS in IE 8-9

Question

I'm using ContentFlow JS library and I have a problem in IE (8 and 9, older versions I don't plan to support). ContentFlow's scripts can't adjust font size in the carousel. In Chrome, FireFox, Safari, Safari (iOS) everything works fine.

Can anyone suggest reasons for such behavior in IE?

Chrome:

Internet Explorer:

Some code as requested:

Carousel element code:

<div class="item" id="backstage1">
    <div class="content">
        <div class="video-title">Конференции</div>
        <div class="video-event">
            <strong>Microsoft TechEd</strong>
        </div>
        <img id="banner1" class="ibanner bordered" src="img/video/c1.jpg" alt="" title="" />
        <img class="shadow" src="img/flow-item-shadow.png" alt="" title="" />
    </div>
    <div class="caption">Some description text</div>
</div>

CSS for element:

.video-title {
    font-family: "FSAlbertPro", "Arial", serif;
    font-size: 3.4em;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    text-align: center;
    line-height: 0.9em;
    margin-top: 17px;
    margin-left: -6px;
    margin-bottom: -8px;
    position: relative;
}

.video-event {
    position: relative;
    top: 28px;
    left: 15px;
    font-family: "FSAlbertPro", "Arial", serif;
    font-size: 1.3em;
    font-weight: 100;
    color: #4d4d4d;
    line-height: 100%;
}

Other "magic" is done by ContentFlow.

ps trying to make a jsFiddle to recreate the problem... will update.

Answer 1

Your font sizes are in em. I think, IE uses bigger font than firefox or chrome by default. Try to specify font size in px to body, and take attention for headings!