Start Building Professional
Web Apps Today

dhtmlxLayout Splitter Thickness in Firefox

I'm testing out the dhtmlxLayout and have a simple 2E Layout. In Chrome & IE, the thickness of the resize bar (splitter bar) is normal thickness (5px i think). However, in Firefox, the splitter bar for vertical resizing is WAY thicker, anywhere from 5 to 10 times thicker. I have not adjusted the CSS at all and the horizontal resizers are the correct thickness. Again, this problem only occurs in FF and on Vertical Resizing Bars:


------------------------------


|||||


------------------------------

instead of:

------------------------------
|||||
------------------------------


My main concern is wasted real estate. I'm testing out the dhtmlx package before we purchase. The project I'm working on needs every little piece of space on the webpage that we can get.

Here's my js:
...
    var dhxLayout = new dhtmlXLayoutObject("layoutDiv", "2E");
    var myTable = dhxLayout.cells("a").attachGrid();
    myTable.setImagePath("${PathToDhtmlx}imgs/");
    myTable.setSkin("customlight");
    myTable.init();
    myTable.enableSmartRendering(true);
    myTable.preventIECaching(true);
    myTable.enableEditEvents(true,false,true);
    gridQString = "/indexXml";
    myTable.loadXML(gridQString);
...

and my html:
...
<div id="layoutDiv" style="width:90%; height:600px;margin:10px;"></div>
...

Apparently this was just an issue with my computer. Reinstalling FF resolved issue.