Javascript-форум - не могу разобраться с jqui position()

Народ привет. Есть проблема с position() от jquery ui.

Есть блок (#cp-container) который надо держать над ячейкой таблицы у которой td имеет класс .right-sidebar и перекрывал его, в независимости от растягиваемости страницы. делаю так:

$(document).ready(function(){
$( "#cp-container" ).position({
  my: "center",
  at: "center",
  of: ".sidebar-right"
});
})

DOM такой:

...
<table>
...
<td class="sidebar-right">...</td>
...
</table>
...
<div id="cp-container">...</div>

Что не так делаю? Возможно ли запустить рабочий вариант без переделывания DOMa ?

Спасибо.

<!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script> $(document).ready(function(){ $( "#cp-container" ).position({ my: "right", at: "right", of: ".sidebar-right" }); }) </script> </head> <body> <table> <tr><td class="sidebar-right">1234567</td></tr> </table> <div id="cp-container">----------</div> </body> </html>