title: jquery issue in IE7 and IE8 when i hover over field
body: <p>Website is <a href="http://www.re-org.co.uk/indexnew.php" rel="nofollow">http://www.re-org.co.uk/indexnew.php</a></p>
  
  <p>If you go to the job search section to the right in this page, there is a feature I am trying to get an image file to appear when you hover over. In IE7 and 8 only it forces the field to drop down.</p>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code>$(document).ready(function(){   
  
    $('#changehover').hide();
    $('#changehoverloc').hide();
  
      //---- Country Change
  
      $(".countryhover").mouseover(function(){
          $("#changehover").show();
      });
      $(".countryhover").mouseout(function(){
          $("#changehover").hide();
      });  
  
      //---- Location Change
  
      $(".locationhover").mouseover(function(){
          $("#changehoverloc").show();
      });
      $(".locationhover").mouseout(function(){
          $("#changehoverloc").hide();
      });  
  });
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#changehover{
      background:url(../images/change_hover.png) no-repeat top ;
      width:100px;
      height:44px;
      position:relative;
      margin-right:5px;
      float:right;
  }
  #changehoverloc{
      background:url(../images/change_hover.png) no-repeat top ;
      width:100px;
      height:44px;
      position:relative;
      margin-right:5px;
      float:right;
  }
  </code></pre>
  
  <p>Any ideas would be great.</p>
  
  <p>Thanks</p>