[WSG] IE/Opera Issue :Hover on border only? (CSS/browser compatibility)

[Tobias Lykkegaard]

Hallo all you talented people,

A strange issue has occurred on the following page, that I would really 
appreciate any input on how to solve!

HTML:  http://forandre.dk/pi/kalender.html
CSS:  http://forandre.dk/pi/stil/kalender.css
CSS2: (http://forandre.dk/pi/stil/basis.css)


The intended behavior as seen in FireFox(mac10.4.8/winXP) and safari.

On hover on top of a month, a white box appears below with the 
information regarding the month. ( imagemap method based on example from 
the book CSS mastery (Andy Budd))


The Issue.

In IE6/7 and opera (version 9.10mac and the latest in WinXP) Only the 
borders triggers the action. The previous version of opera for XP acted 
correctly!?!
I have tried sending a transparent background for opera, but the 
'appearing' white box inherits the transparency, and I could not work 
around it? I have also tried a number of other things but likewise with 
no good results.
[for IE I send a background color to keep the white box visible in the 
'middle' of the box, but the hover action is still only triggered by the 
border.  (#kalenderen a:hover {  background: #ccc; }.]

So my questions are:

Is there a simple fix?
how come IE and opera shares behavior?

Thanks in advance for any help,

W/R Tobias Lykkegaard




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************