Firefox无法识别Java代码，但可以在所有其他浏览器中使用

我必须编写一个逐步进度条，该进度条需要与所有浏览器（甚至是IE7 +）一起使用。这个进度条已经写好了，但是在将它合并到一个更大的项目之前，我注意到它不能与firefox一起使用，但是所有其他浏览器都具有良好的性能。

在开始我的工作之前，我已经减少了代码，在那儿我仍然对firefox显示有问题。

所以我用一些工具尝试了我的代码：

1. 杰斯林特
2. Firebug插件
3. w3c验证器

我更改了一些代码。

我知道我的问题与DOM有关。

这个Moz Foundation的getElementById可能就是解释。

所以这是css：

<style type="text/css">
  #outside {
    height: 18px;
    background-color: #cccacd;
    z-index: 5;
    position: relative; 
    border-style:solid;
    border-color:#24242d;
    border-width: 1px;
  }
  #inside {
    width: 0px;
    height: 100%;
    background-color: #0089cf;
    overflow: visible;
    color: white;
    white-space: nowrap;
    z-index: 10;
    position: relative; 
  }             
</style>

正文标记中的小html代码

<form id="form1" runat="server" action="ProgressBar.aspx">
<div>

        <div id="outside" runat="server">
            <div id="inside" style="width: 50%;" runat="server"></div>
        </div>
</div>
</form>

最后是我的剧本

    <script type="text/javascript">

    /*jslint browser: true*/
    /*global $, jQuery, document, Modernizr*/

    function bindEvent(el, eventName, eventHandler) {
        "use strict";
        if (el.addEventListener) {
            // IE 9+, Chrome, Opéra, Safari, Firefox
            el.addEventListener(eventName, eventHandler, false);
    } else if (el.attachEvent) {
        // IE7, IE8
        el.attachEvent('on' + eventName, eventHandler);
    }
}

window.onload = function () {
    "use strict";

    var outside, inside;
    outside = document.getElementById("outside");
    inside = document.getElementById("inside");

bindEvent(outside, 'click', function (e) {

    var position = (e.offsetX / outside.offsetWidth) * 100;

    if (position >= 0 && position <= 10) {
        inside.style.width = "0%";
    }
    if (position > 10 && position <= 35) {
        inside.style.width = "25%";
    }
    if (position > 35 && position <= 65) {
        inside.style.width = "50%";
    }
    if (position > 65 && position <= 85) {
        inside.style.width = "75%";
    }
    if (position > 85 && position <= 100) {
        inside.style.width = "100%";
    }
    });
};

</script>

我知道我即将使其与Firefox兼容，但现在我需要您的帮助:)