jquery-ui datepicker does not keep its position relative to its element when zooming-in

jquery-ui datepicker does not keep its position relative to its element when zooming-in

I have a problem jquery-ui datepicker that occurs if the input (datepicker is attached to) is placed inside an element with margin: 0px auto. If you zoom in (ctrl +), a displayed datepicker does not keep its relative positionto the input. It causes some problems in mobile browsers when there is an automatic zoom-in when filling a form. There are no troubles if margin: 0px auto is removed but I'd like to keep it.

fiddle: http://jsfiddle.net/hcvfC/1/