two nearly equal jQuery functions; one works with IE, one doesn't
<p>I included two nearly identical jQuery functions in <a href="http://www.umiwebservice.com/" rel="nofollow">my homepage</a> which should increase or decrease the font-size. </p>

<p>They both work perfectly fine with FireFox, but the increaseFont-function doesn't work with the Internet Explorer (it actually works one time, but not multiple times).</p>

<p>Usually I'd say I made a mistake, but since it works with FireFox I guess it's Internet Explorer-related. Of course I did the usual research but haven't found anything relevant.</p>

<p>My question is: What's the problem and is there a solution or workaround?</p>

<p>Here's the code I used:</p>

<pre><code>jQuery(document).ready(function() {
    // Reset Font Size 
    var originalFontSize = jQuery('html').css('font-size');
    jQuery(".resetFont").click(function() {
        jQuery('div#mainContainer').css('font-size', originalFontSize);
    });
    // Increase Font Size
    jQuery(".increaseFont").click(function() {
        var currentFontSize = jQuery('div#mainContainer').css('font-size');
        var currentFontSizeNum = parseFloat(currentFontSize, 10);
        var newFontSize = currentFontSizeNum * 1.05;
        jQuery('div#mainContainer').css('font-size', newFontSize);
        return false;
    });
    // Decrease Font Size
    jQuery(".decreaseFont").click(function() {
        var currentFontSize = jQuery('div#mainContainer').css('font-size');
        var currentFontSizeNum = parseFloat(currentFontSize, 10);
        var newFontSize = currentFontSizeNum * 0.95;
        jQuery('div#mainContainer').css('font-size', newFontSize);
        return false;
    });
});​
</code></pre>

<p>Thank you very much.</p>
