resizable and chrome

resizable and chrome

    The following web page and application.js should just make an image resizable...

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2. "http://www.w3.org/TR/html4/strict.dtd">
    3. <html>
    4. <head>
    5. <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" title="no title" charset="utf-8">
    6. <link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.6.custom.css" type="text/css" media="screen" title="no title" charset="utf-8">
    7. <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
    8.   <script src="js/jquery-ui-1.8.6.custom.min.js" type="text/javascript" charset="utf-8"></script>
    9. <script src="js/application.js" type="text/javascript" charset="utf-8"></script>
    10. </head>
    11. <body>
    12. <img class="resizable-image" src="hawk.jpg"></img>
    13. </body>
    14. </html>

    1. jQuery(function() {
    2. $('.resizable-image').resizable();
    3. });
    Unfortunately, in chrome (Mac 7.0.517.44), no image is displayed at all. The code is all there in the source - but no image is displayed. I can't make it come back by fiddling in the developer tools either.

    If I don't include the application.js and make the image resizable through the developer js console, then it works fine.

    I do not experience the problem with firefox i.e. the above code works fine.

    I've included the source as an attachment

    Any ideas?