I've got a problem with Opera 8.0 and *ONLY* with Opera ... in IE 6, Netscape and Firefox things are working correctly.

I've got a table with multiple rows and columns. The final two columns contain images that can be clicked on for further information and so on (see below for an example), but there are two problems here.

1) The mouseover event does not fire if the user puts the cursor over the image (it doesn't bubble through the heirarchy at all).

2) The regular <a> tag on the image is not even clickable ... hovering the mouse over it does not change the cursor, the status bar does not recognize it as a link and it cannot be clicked.

In other cells I have link surrounding regular text and they work fine, so why is Opera ignoring the link on the image?

Why is opera not seeing the onmouseover event on the same cell?

Code:
<td align=left valign=middle
	onmouseover="highlight(event, this);"
	onmouseout="highlight(event, this);">
	<a href="addtocart.asp?sid=AwNqixoL&paid=-32756&r=027373&pid=-32728&cid=-32758"
		title="Add 000: Sample Spray, Nozzle, Handpump, BodyWash Formula to your shopping cart"
		alt="Add 000: Sample Spray, Nozzle, Handpump, BodyWash Formula to your shopping cart">
		<img src="images/cart-2.jpg" height=16 width=16 border=0
			title="Add 000: Sample Spray, Nozzle, Handpump, BodyWash Formula to your shopping cart"
			alt="Add 000: Sample Spray, Nozzle, Handpump, BodyWash Formula to your shopping cart">
	</a>
</td>

I also have an issue with Opera with a mouseover on three floated images ... the mouseover event is only being recognized on the upperright corner of the final image (all three are in a row), and is not recognized on the other images or 2 thirds of the final image ... it's like the whole event area, even though it's assigned to an image, has been either masked, covered, displaced or otherwise shrunk and I'm not sure why or even how to approach the problem.

Code:
			<div class=productImgContainer>
<img border=0 src="images/products/thumb_11.gif" height=85 width=100 id=img_0 class="border Active ">
</div>
<div class=productImgContainer>
<img border=0 src="images/products/cv-1000-1.gif" height=85 width=100 id=img_2 onmouseover="activateImg(event);" onmouseout="activateImg(event);" onclick="activateImg(event);" class="border notActive hasParent">
</div>
<div class=productImgContainer>
<img border=0 src="images/products/cv-1000-2.gif" height=85 width=100 id=img_4 onmouseover="activateImg(event);" onmouseout="activateImg(event);" onclick="activateImg(event);" class="border notActive hasParent">
</div>
In this code example, the detection area is a small, small part of the final image's top-right corner ... the onclick routine doesn't fire at all and the mouseover fails elsewhere.

I've searched the internet intently but found no bugs related to this for Opera ... what am I missing?

~ Natalya