When using CSS zoom, mouse position is not scaled to jquery-ui slider element

When using CSS zoom, mouse position is not scaled to jquery-ui slider element

I'm using the following transform in javascript:

    $("body").css({"zoom": (100*scale) + "%", "background-size": bgsize, "-moz-transform": 'scale(" + scale + ")'});

The problem is, the jquery-ui slider element still uses the original mouse click coordinates and not the scaled one. Thus, for scale < 1, the slider click is non-functional.

I would like to just adjust the mouse click coordinates only when dealing with this slider and not other elements on the page.

Note: I have tried all jquery-ui versions up to 1.10.4 and it exhibits a similar behavior. I'm currently using *jquery-ui-1.9.2* with *jquery-1.8.3*.