Как сделать css zoom в файрфоксе, для отдельных div, так чтобы не было промежутков между ними

Следующий код используется для зуума:

  z = zoomvalue.val(); //(range input, from 30 to 100)
  z = (parseInt(z,10)/100).toFixed(2);

  obj.iframediv.css('zoom', z);
  obj.iframediv.css('-ms-zoom', z);
  obj.iframediv.css('-webkit-zoom', z);
  obj.iframediv.css('-moz-transform', 'scale('+z+','+z+')');
  obj.iframediv.css('-moz-transform-origin', 'left top');

Проблема в том что появляются промежутки между див, они уменьшаются но остаются на своем месте. Пример уменьшенных див:

Может есть какой-то кросбраузерный яваскрипт?