There seems to be something wrong with your surrounding HTML, perhaps an unclosed tag. In IE for example, if I move my mouse over the "Product Photos" header right above the thumbnail links, the link below it gets highlighted. The mismatch in a:hover is probably a HTML container or unclosed tag issue, which would also explain why the script fails to assign the proper behavior to those thumbnail links in IE.
Check your HTML for the above. If needed, move the HTML for your thumbnail links outside any element other than the BODY to see if that fixes the problem:
Code:
<h1>Product Photos</h1>
<a href="http://www.nasa.gov/images/content/167040main_image_feature_738_ys_4.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.dynamicdrive.com" title="This is an example">Thumbnail Example 1</a><br />
<a href="http://www.nasa.gov/images/content/168177main_image_feature_749_ys_4.jpg" rel="enlargeimage::mouseover" rev="loadarea">Thumbnail Example 2</a><br />
<a href="http://www.nasa.gov/images/content/166615main_image_feature_733_ys_4.jpg" rel="enlargeimage::click" rev="loadarea">Thumbnail Example 3 (click)</a><br />
<a href="http://www.nasa.gov/images/content/168291main_image_feature_750_ys_4.jpg" rel="enlargeimage::click" rev="loadarea">Thumbnail Example 4 (click)</a><br /><br />
<div id="loadarea"></div>
</div>
Bookmarks