Start Building Professional
Web Apps Today

Slider only works in IE

My slider works beautifully in IE. However, when I try it from Firefox or Chrome it disappears.

Firebug throws this error (tracebacks included for reference):
----------------------------------------------------------------
obj is null
+ anonymous(Object name=obj)
    dhtmlxslider.js (line 40)
+ setFoc()
    inst_create.php (line 19)
+ function onload(event) { setFoc(); }(load )
    1 (line 2)
+ [Break on this error] that.startDrag(e||event);break};return ....min, obj.max, obj.value, obj.step ]},\r\n
    dhtmlxslider.js (line 40)


I'm running this "body onload" event (I also tried it inline w/same result):
------------------------------------------------------------------
var slider1 = new dhtmlxSlider('sld', 100, 'ball', false, 0, 100, 1, 10);
slider1.linkTo('myval');
slider1.init();

Here's where the slider appears in the HTML:
-----------------------------------------------------------------
<td>
<input type="text" name="myval" value="1" maxlength="3" readonly="readonly" style="width: 20px;"
style="position: static; float: left;" />
<div id="sld"></div>
</td>


My doctype is "XHTML 1.0 Transitional".

Any ideas?

I'll port the page to a publicly accessible site this weekend and give you the URL Monday.