Dialog options

Dialog options


Hello,
I have this in my html:
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd">
    <head>
        <title>cell Start Page</title>
        <link rel="stylesheet" href="js/jquery.ui-1.0/themes/flora/
flora.all.css" type="text/css"
            media="screen" title="Flora (Default)" />
        <script type="text/javascript" src="js/jquery-1.2.1.js"></script>
        <script type="text/javascript" src="js/jquery.ui-1.0/
jquery.dimensions.js"></script>
        <script type="text/javascript" src="js/jquery.ui-1.0/ui.dialog.js"></
script>
        <script type="text/javascript" src="js/jquery.ui-1.0/
ui.resizable.js"></script>
        <script type="text/javascript" src="js/jquery.ui-1.0/ui.mouse.js"></
script>
        <script type="text/javascript" src="js/jquery.ui-1.0/
ui.draggable.js"></script>
        <script>
            $(document).ready(function(){ $
("#example").dialog({ resizable:false }); });
        </script>
    </head>
    <body>
        <h1>cell Start Page</h1>
        <div id="example" class="flora" title="This is my title">I'm in a
dialog!</div>
........
yet the dialog displays as resizable. Also it doesn't work with
draggable:false, but it works with width:400.
What am I missing?
Regards,
Bob