title: Blur Event Does not get Fired in IE7 and IE6
body: <p>I have a dropdown Menu where in a div is clicked and List is shown. </p>
  
  <p>On focus out I am supposed to hide the list(i.e. when the user clicks or focuses on some other element and not on mouse out). Hence my obvious choice was <code>onblur</code>.</p>
  
  <p>Now the JavaScript seems to work in Firefox but not in IE thats because my div has a sub div with a height and width specified. This is reproducible in a test file. I am using jQuery.</p>
  
  <p>Is this a known issues in Internet Explorer? And what is the work around?</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Exploring IE&lt;/title&gt;
      &lt;style type="text/css"&gt;
        /** Exploring IE**/
        .selected_option div {height:18px;}
      &lt;/style&gt; 
      &lt;script type="text/javascript" src="jquery-1.3.2.min9919.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        $().ready(function(){
          $('.selected_option').blur(function(){
            alert('blurred');
          });
        });
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="selected_option" tabindex="0"&gt;
        &lt;div&gt;anywhere in the page&lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>