I try to get the outerWidth(true) value on a div but I get a wrong value on Chrome 6.0.472.63 (Ubuntu 10.04.1 LTS) with jQuery 1.4.2.

I found a 2 years old open ticket ( #3333), but It's about jQuery 1.2.6.

somebody see what is wrong, my test is really simple...

maybe I need to open a new ticket ?

test:

1. <style type="text/css">
2.             #example1 {
3.                 width: 500px;
4.                 height: 500px;
5.                 position: relative;
6.                 overflow: hidden;
7. }
8.             
9.             #example1 div.boxes {
10.                 width: 50px;
11.                 height: 50px;
12. margin:0;
13. padding:0;
14.                 display: block;
15.             }
16.         </style>
18.         
19. <div id="example1" class="demos">
20. <div class="boxes"></div>
21. </div>
22.     
23.         <script type="text/javascript" src="js/jquery.js"></script>
24.         <script type="text/javascript">
25.             $(document).ready(function(){
26.             
27. var test = $('div#example1 div.boxes');
29. /* 
30. * Chrome 6.0.472.63 (Ubuntu 10.04.1 LTS)
31.                                  * and Chrome 6.0.472.63 (Win XP SP3)
32. * 
33. height:50
34. outerHeight:50
35. outerHeight(true):50
36. width:50
37. outerWidth:50
38. outerWidth(true):500 (wrong value...)
39. *
40. * Firefox 3.6.10 (Ubuntu 10.04.1 LTS)
41.                                  * and IE 8 (Win XP SP3)
42. * 
43. height:50
44. outerHeight:50
45. outerHeight(true):50
46. width:50
47. outerWidth:50
48. outerWidth(true):50
49. */
51. alert('height:' + test.height() + '\n' +
52.  'outerHeight:' + test.outerHeight() + '\n' +
53.  'outerHeight(true):' + test.outerHeight(true) + '\n' +
54.  'width:' + test.width() + '\n' +
55.  'outerWidth:' + test.outerWidth() + '\n' +
56.  'outerWidth(true):' + test.outerWidth(true));
57.             });
58.         </script>