resize and slider css bug
.ui-resizable { position: relative;}
.ui-resizable-handle {font-size: 0.1px;z-index: 99999; display:
block;position:absolute;background: #F2F2F2; border: 1px solid
#808080;height: 8px; width: 8px}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-
autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; top: 0px; left: 45%; }
.ui-resizable-s { cursor: s-resize; bottom: 0px; left: 45%; }
.ui-resizable-e { cursor: e-resize; right: 0px;top: 45%}
.ui-resizable-w { cursor: w-resize; left: 0px;top: 45% }
.ui-resizable-se { cursor: se-resize; right: 0; bottom: 0; }
.ui-resizable-sw { cursor: sw-resize; left: 0; bottom: 0; }
.ui-resizable-nw { cursor: nw-resize; left: 0; top: 0; }
.ui-resizable-ne { cursor: ne-resize; right: 0; top: 0;}
Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:
1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-
size: .7em; display: block; border: 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.
6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0;
margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
$('#slider').slider();
<div id="slider"></div>
slider position bug,,
JQUERY UI version 1.7.1