I have a mouseover event registered to an absolutely positioned, transparent background div which fires correctly in Firefox but is being ignored by IE6.
To make IE fire the event I have to give the div a border (and mouseover that slowly) or a background color. I don't want to give it background as it is being used over an image.

The layout is similar to this:

<table>
<tr>
<td>
<div id="tag_container" style="position:relative">
<div id="tag_1" style="position:absolute;"></div>
</div>
<img />
</td>
</tr>
</table>

I match the tag_container's dimensions to the image dimensions.
I position tag_1 absolutely to be in the correct position on the image.

All the appearance factors work in all browsers without a problem.

The problem comes when I register a mouseover event to the tag_1 div.
It fires perfectly in Firefox but only works in IE6 if the div has a background colour (not possible in this case) or a border (only fires when mouseover border slowly).

I have searched for a long time and only found one mention of this bug with no resolution.

Have anyone experienced this before? and is there anything I can change about the layout to get it working?

Thank you