Jquery UI redimensionável - redimensione um div colocado sobre um iframe

Se você verificar este jsbin:http://jsbin.com/efosed/5/edit e você pressionar "Executar com JS", haverá uma div que pode ser redimensionada com jquery ui. Tudo funciona como esperado. A div é colocada sobre um iframe de "tela inteira". No exemplo vinculado, este iframe tem:display: none.

Se eu modificá-lo paradisplay: block, e re-executar o script o plugin reziable terá algum comportamento estranho. Você pode tentar aqui:http://jsbin.com/efosed/6/edit. Ele não manipulará eventos de mouse corretamente. Qual pode ser o motivo e como posso corrigi-lo?

questionAnswers(3)

yourAnswerToTheQuestion