[thelist] Questions concerning events and CSS in opera

[Rob Whitener]

I have a couple of questions regarding Opera 6.2.3.

First, does opera have a mouseout event?  I have a graphic on the homepage
for my site that has rollover images.  Sadly, I built it in fireworks and it
makes use of a mouseout event.  I noticed that once the mouseover image is
displayed, when the mouse moves away, no swap occurs.  I put an alert inside
one of the functions I use and sure enough, no mouseout!

Second:  Are there any idioyncracies with absolute positioning in Opera?  I
have a map of the us set up structured something like this:

<div class="map" id="mapofus"> <img src="mapofus.gif" border="0"
usemap="#mapofus" >
    <map name="mapofus" >
	<area name="area_1" .....>
	.
	.These are the image maps for the main map of the US
	.
	<area name="area_31"......>
</div>
  <div class="swap" id="area_1"
onMouseOut="setTimeout('hideImage(1)',interval);" >
    <img src="wa_blue.gif" usemap="#mapofus" > </div>
	.
	.
	.
	.
  <div class="swap" id="area_311"
onMouseOut="setTimeout('hideImage(1)',interval);" >
    <img src="tn_red.gif" usemap="#mapofus" > </div>

The CSS classes are below:

.map {
	height: 400px;
	width: 700px;
	left: 20px;
	top: 20px;
	z-index: 0;
	position: absolute;
	border: none;
}
.swap {
	position: absolute;
	visibility: hidden;
	height: 400px;
	width: 700px;
	left: 20px;
	top: 20px;
	z-index: 1;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

Whenever a user mouses over a state, the rollover image shows left of where
it should be.  Do I need to use selectors or is the way I have it fine and I
need to restructure my HTML?  Please help.

Links:
http://www.designoptions.com/newsite/home.htm
http://www.designoptions.com/newsite/replocator.htm

Thanks a bunch,

Rob