image resizing script works in firefox but not chrome

image resizing script works in firefox but not chrome

I have this image resizing script:

  2. <!DOCTYPE html>
  3. <html>
  4.   <head>
  5.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  6.     <script>
  7.       $(document).ready(function() {
  8.         $(".bbimg").each(function() {
  9.           var width = $(this).width();
  10.           $(this).width(0);
  11.           var maxwidth = $(this).closest("div").width();
  12.           if (width > maxwidth) {
  13.             $(this).width(maxwidth-2).css("border", "1px solid #ef007c");
  14.             $(this).click(function() { window.open (this.src); });
  15.           } else {
  16.             $(this).width(width);
  17.           }
  18.         })
  19.       })
  20.     </script>
  21.   </head>
  22.   <body>
  23.     <div style="width:570px">
  24.       <img src="http://homensmodernos.files.wordpress.com/2009/09/trees.jpg" class="bbimg" />
  25.     </div>
  26.   </body>
  27. </html>
All it should do is get the width of an image with class bbimg, set the width to 0, find the width of the containing div, compare this width to the original width of the image. If the original width is bigger, then it will scale the image down to the maxwidth of the div.

This works in firefox flawlessly, but in chrome, the page is just blank. I have the exact script here:  http://zeroboy.net/test.php

Any reason why this would happen?