jQuery UI Draggable og Zoom

Hej!
Jeg har brug for lidt input.

Jeg har en app, som lader dig flytte rundt på nogle "Kasser" (div's). Til dette bruger jeg .draggable() og kasserne er begrænset (containment) af deres parent som har class "board".
Jeg vil gerne have at det er muligt at zoome ind og (mere vigtigt) ud på kasserne i board-div'en, men jeg støder ind i nogle problemer.

1. .board bliver også zoomet ind og ud. Den skal beholde størrelse og placering.

2. mine draggable-kasser opfører sig lidt underligt, når der er blevet zoomet og jeg flytter på dem. De skal opføre sig, som når der ikke er zoomet.

Jeg har lavet en fiddle, som viser konceptet: http://jsfiddle.net/fD7L7/5/
Jeg er åben overfor alternative løsninger, bare det endelige resultat er som jeg har specificeret ovenfor.

På forhånd tak.