imgPreview

imgPreview

Hi all

I've been working on this all day today..I've followed this page, I'm working on Website links + previews
http://james.padolsey.com/demos/imgPreview/full/

Here's my test which works OK
http://www.rockinghamgateway.com/test/index4.html

I'm trying to place the table into another page
http://www.rockinghamgateway.com/test/index2.html
Click on add your site tab, table is also off center too, I cant seem to work out why either ?

when I add the following code to page, it drops every thing else out
script src="img/imgpreview.full.jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
jQuery.noConflict();
(function($){ 

$('ul#fifth a').imgPreview({
    containerID: 'imgPreviewWithStyles3',
    srcAttr: 'rel',
    imgCSS: {
        // Limit preview size:
        height: 200
    },
    // When container is shown:
    onShow: function(link){
        $('<span>' + link.href + '</span>').appendTo(this);
    },
    // When container hides:
    onHide: function(link){
        $('span', this).remove();
    }
});
})(jQuery);
    //]]>
    </script>
    <script type="text/javascript" src="img/prettify.js"></script>
    <script type="text/javascript">
    //<![CDATA[
        jQuery(function($){
            $('pre').css({background: '#333'})
            prettyPrint();
        });
    //]]>
    </script>
    <script type="text/javascript">
    //<![CDATA[
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    //]]>
    </script>

    <script type="text/javascript">
    //<![CDATA[
        var pageTracker = _gat._getTracker("UA-3768993-3");
        pageTracker._trackPageview();
    //]]>
    </script>


Can any one tell me why please, ( Merry Xmas too all )

TT