title: jQuery overlay not working in IE6, Opera
body: <p>I've been scratching my head for hours trying to figure this out. I have this page: <a href="http://173.203.72.190/default.aspx" rel="nofollow noreferrer">http://173.203.72.190/default.aspx</a>. On clicking 'Any Cuisine', a sort of overlay is supposed to open. </p>
  
  <p>It works fine in nearly all browsers except IE6 and Opera. In IE6 and Opera, the jQuery 'overlay' won't open. </p>
  
  <p>Anybody have any ideas why this might be?</p>
  
  <p>Edit: The code triggering the overlay is below:</p>
  
  <pre><code>$("a#zoneListLink").click(function() { 
  
      var listTop = $(this).css("top");
      var listLeft = $(this).css("left");
  
      var api = $("a#zoneListLink").overlay({api: true, close:'div.close', top: listTop, left:listLeft, onLoad:function() { $(document).click(function() { api.close(); } ); },
      onClose:function() { $(document).unbind("click"); } }).load();
  
  });
  </code></pre>