title: Empty div hover event not firing in IE
body: <p>I have a div with a child div inside it. I'm using jQuery to show / hide the child div whenever a mouse hovers over the parent div (parent div spans the entire bottom of the page. Width: 100% and height 100px). I've used both firebug and ie developer toolbar to confirm that the parent div is on the page.</p>
  
  <p>I can hover over the empty parent div in both Chrome and FireFox and everything works fine. IE requires that I have some sort of text inside to hover over. The div hover event will not fire with just an empty div. </p>
  
  <p>All plausible work arounds for this issue?</p>
  
  <p>--Update</p>
  
  <p>Tried all of your suggestions but nothing has worked yet.</p>
  
  <pre><code>&lt;div id="toolBar"&gt;          
    &lt;div&gt;
      &lt;button id="btnPin" title="Click to pin toolbar" type="button"&gt;
        &lt;img id="pin" src="../../images/icons/unpin.png" alt="Pin" /&gt;&lt;/button&gt;
        &lt;img src="../../images/icons/search.png" border="0" alt="Search" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above html is contained within a master page div container. The child div is hidden with jQuery with some hover in/out events. The parent div (toolBar) is always visible on the page. When a hover occurs on toolBar the child div is shown.</p>
  
  <p>Heres the jQuery code</p>
  
  <pre><code>$('#toolBar').hover(ToolBar_OnHover, ToolBar_OnBlur);
  
  function ToolBar_OnHover() {
  
    $(this).children().fadeIn('fast');
    $(this).animate({ height: "100px" }, "fast");
  
  }
  
  function ToolBar_OnBlur() {
  
    $(this).children().fadeOut('fast');
    $(this).animate({ height: "50px" }, "fast");
  
  }
  </code></pre>
  
  <p>Finally here's a little css</p>
  
  <pre><code>#toolBar { width: 100%; height: 100px; text-align:center; vertical-align:middle; position: absolute;  bottom: 0; background-color: Transparent;  }
  #toolBar div { padding: 5px 5px 0px 5px; width:75%; height: 95px; background: transparent url('/images/toolbar-background.png') repeat-x; margin-right: auto; margin-left: auto; }
  </code></pre>