Resizable + overflow:hidden does not work correct in chrome

Resizable + overflow:hidden does not work correct in chrome

Hello I have problem at chrome browser,

I create div with style overflow:hidden
I create second div iniside first with  overflow:auto

So as I understand it is not possible to scroll first div by mouse.
But I can do it if I call resizable() for first div and use chrome browser (Firefox does work right).

If I start text selection at second div and move mouse outside second and first divs I can scroll first div.
The problem is in addintions divs which we create at  resizable() function
  1. <div style="-moz-user-select: none;" unselectable="on" class="ui-resizable-handle ui-resizable-e"></div>
    <div style="-moz-user-select: none;" unselectable="on" class="ui-resizable-handle ui-resizable-s"></div>
I do not see problem with ui-resizable-n or  ui-resizable-w
I do not have ideas how I can solve the problem.


see picture 

code is here

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <link type="text/css" href="css/start/jquery-ui-1.8.10.custom.css" rel="stylesheet" />
  6. <link type="text/css" href="eiWinMan.css" rel="stylesheet" />

  8. <script type="text/javascript" src="js/jquery-1.5.min.js"></script>
  9. <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
  10.   <script>
  11.     $(document).ready(function(){
  12. $(".bigdiv").resizable();
  13.     });
  14.   </script>  
  15.   <style>
  16.   .bigdiv {
  17.  position: absolute;
  18.  top:100px;
  19.  left:100px;
  20.  width:200px;
  21.  height:200px;
  22.  overflow:hidden;
  23.   }

  25.   .smalldiv {
  26.  position: absolute;
  27.  top:2px;
  28.  left:2px;
  29.  width:194px;
  30.  height:194px;
  31.  overflow:auto;
  32.   }
  33.  
  34.   </style>
  35.   
  36. </head>
  37. <body>
  38.   

  40. <div class="ui-widget ui-widget-header bigdiv">

  42. <div class="ui-widget ui-widget-content smalldiv">
  43. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
  44. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
  45. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
  46. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
  47. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
  48. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
  49. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
  50. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
  51. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
  52. </div>

  54. </div>

  56. </body>
  57. </html>