jQuery UI изменяемый размер не работает вообще

Ok вот в чем проблема. jQuery Resizable просто не работает на этой странице:нажмите здесь

попробуйте на сером поле в верхнем левом углу.

то, что я хочу сделать, это сделать shoutbox на правильный размер изменяемого размера. Но это не сработало, поэтому я попытался просто скопировать все со страницы примера jQuery UI в свой и попробовать. Поэтому я добавил серый ящик так же, как и они, используя даже тот же css, но он не будет работать.

здесь как называются библиотеки:

 <script src="http://www.google.com/jsapi"></script>
 <script type="text/javascript">

 google.load("jquery", "1.4.1");
 google.load("jqueryui", "1.7.2");

google.setOnLoadCallback(function() {

});

</script>

<script type="text/javascript" src="js/thickbox.js"></script>
<script type='text/javascript' src='js/jqueryEasingMin.js'></script>
<script type='text/javascript' src='js/jquery.imghover-1.1rc.js'></script>
<script type="text/javascript" src="js/shoutbox.js" ></script>
<script type="text/javascript" src="js/bbcode.js" ></script>
<script type='text/javascript' src='js/jqueryLoader2.js'></script>

скрипт внутри функции готовности документа (как в Примере):

 $('#resizable').resizable();

CSS серого ящика:

<style type="text/css">
#resizable { width: 100px; height: 100px; background: silver; position:relative; z-index:15;}
</style>

мне пришлось добавить параметры position и z-index из-за дизайна моего сайта, но это, похоже, ни на что не влияет.

и реализации:

  <div id="resizable"></div>

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

Я был бы очень признателен за кивок в правильном направлении. Спасибо