title: How to make a resizable div the is cross browser compatible
body: <p><a href="http://api.jqueryui.com/resizable/" rel="nofollow">Here</a></p>
  
  <p>is an example with jquery UI , <a href="http://www.w3schools.com/cssref/css3_pr_resize.asp" rel="nofollow">Here</a> is an example done with css3. The problem is the css3 will not work with any version of ie and I am looking to use an older version of jQuery UI -1.7.2 which I can't find. I'm using thhe older version because of the aging browsers we still support: IE 8,9 (recently dropped 7 finally).</p>
  
  <p>I'm wondering if there are any other solutions available. </p>
  
  <p>not sure what is not working</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;resize&lt;/title&gt;
  &lt;style&gt;
  
  #resizable { height: 250px; margin: 1em auto; width: 250px; }
  h3 { text-align: center; }
  &lt;/style&gt;
  
  
      &lt;script src="code/ui/jquery.ui.core.js"&gt;&lt;/script&gt;
  &lt;script src="code/ui/jquery.ui.widget.js"&gt;&lt;/script&gt;
  &lt;script src="code/ui/jquery.ui.mouse.js"&gt;&lt;/script&gt;
  &lt;script src="code/ui/jquery.ui.resizable.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="code/demos.css"&gt;
  &lt;script type="text/javascript" src="code/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
  $(document).ready(function(){
  $("#resizable").resizable();
  //alert("HODOR");
   });
  
  &lt;/script&gt;
  
  
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="resizable" class="ui-widget-content"&gt;
       &lt;h3 class="ui-widget-header"&gt;This is a resizeable window&lt;/h3&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>