Панорамирование/Масштабирование ужасно медленное в IE8 RaphaelJS

Я некоторое время работал над получением этой диаграммы сопоставления мест и создал несколько итераций, и проблема, которую я продолжаю обнаруживать, заключается в том, что когда я доберитесь до IE8, панорамирование для этого будет медленным и отложенным.

На данный момент, чтобы сократить время загрузки, я создал png для замены моих «штрихов», так как я предполагаю, что ie8 хотел повторно отображать каждый раз, когда я перетаскивал карту.

Я также добавил элементы управления, надеясь заставить пользователей IE8 использовать эту опцию, но по-прежнему есть задержка в панорамировании, и если я могу иметь пользователей с IE8 (и ie7, если возможно), они все равно будут перетаскивать/панорамировать без элементов управления и времени отклика. немного быстрее, это было бы здорово.

Вот моя текущая версия JSFiddle.

Я все еще немного знаком с JS, поэтому, если у вас есть предложения, буду очень признателен. (PS Chrome frame великолепен, но невариант для меня)

Обновление

Я удалил исходную функцию перетаскивания и заменил код с помощью функции перетаскивания jqueryui. Мартин предложил просто перетаскивать div, а не элементы Raphael. Это позволяет этой штуке летать в ie6-8, и это здорово, но потом я стал беспокоиться о масштабировании. То, что я видел раньше, при увеличении масштаба моего бумажного элемента WxH оставалось в том же соотношении, обрезая мой рисунок при увеличении. Покопавшись в документации Raphael, я наткнулся на paper.setSize. setSize был именно тем, что мне было нужно, чтобы позволить этому проекту двигаться и двигаться в ie6-8 и в значительной степени покорить все браузеры на своем пути.

Короче говоря, использование jqueryui draggable и paper.setSize вылечило мой кросс-браузерный масштаб и панорамирование.