jquery ui slider scale issue

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div id="slider"></div>

CSS

body { padding: 20px; }
#slider { zoom: 0.4; -moz-transform: scale(0.4); }

JavaScript

$('#slider').slider();