title: Jquery Mouseover doesn't work IE
body: <p>I need to show and image over another image when mouseover, this is a kind of menu. This works in chrome and firefox. Any Idea? Here comes the come</p>
  
  <pre><code>&lt;div id="button1OverStyle" class="buttonOverStyle" onclick="changeFrame('main/main.html')" &gt;
  &lt;img id="button1OverStyleImage" src="images/button_home.png" height="24" width="46" /&gt;
  </code></pre>
  
  <p> 
      
  </p>
  
  <pre><code>&lt;script&gt;      
    $('#button1OverStyle').hover(function(e) {
      showTittle('button1OverStyleImage');  });
    $('#button1OverStyle').mouseleave(function(e) {
      hideTittle('button1OverStyleImage');});
    $('#button2OverStyle').mouseover(function(e) {
      showTittle('button2OverStyleImage'); });
    $('#button2OverStyle').mouseleave(function(e) {
      hideTittle('button2OverStyleImage'); });      
  &lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <p>I found where to find it. And This is the problem</p>
  
  <p>in this line</p>
  
  <pre><code>&lt;div id="button1OverStyle" class="buttonOverStyle" onclick="changeFrame('main/main.html')" &gt;
              &lt;img id="button1OverStyleImage" src="images/button_home.png" height="24" width="46" /&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Here Are the CSS</p>
  
  <pre><code>.buttonOverStyle{   position:absolute;  cursor:pointer;     z-index:1000;   height:24px;}  .buttonOverStyle img {   display:none;}
  </code></pre>
  
  <p>The problem is that if the image is not display the internet explorer does not recognize the div, so it can't make the "mouseenter" or "mouseover".</p>
  
  <p><strong>ANY IDEA??????</strong></p>