i'm following the instructions here: http://docs.jquery.com/UI/Tabs
i've included the following: <script type="text/javascript" src="http://dev.jquery.com/view/trunk/ ui/ui.core.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/ ui/ui.tabs.js"></script> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/ flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)"> <script> $(document).ready(function(){ $("#top > ul").tabs(); }); </script> my div is: <div id="top" class="flora"> <ul> <li><a href="http://www.domain.com/top/pop">Popular</a></li> <li><a href="http://www.domain.com/top/rated">Rated</a></li> </ul> </div> when I load up the site, however, there's nothing in the tabs, and the links for the tabs are incorrect: /#ui-tabs-7, etc. which isn't in my code anywhere any suggestions? thanks