| biegel@gmail.com 2006-11-05, 11:33 pm |
| I'm having a strange problem with one browser: Firefox 1.5 on Mac OS X.
Surprisingly Safari works perfectly (it's usually the odd one out in
my experience). Here's the situation:
I've got a menu bar, with custom-built rollover-activated dropdowns.
You rollover a main menu item, the dropdown menu appears directly
below. Nothing too groundbreaking. Rollover triggers a function which
changes the submenu.style.display value to "block" from "none", rollout
triggers a function which changes the submenu.style.display value to
"none" from "block".
However, in Firefox 1.5 on Mac only (it works perfectly on Firefox in
all versions of Windows), the rollout event is triggered between
submenu items, which are separated by a border-bottom of width 1px.
All other browsers seem to treat the border as part of the element,
i.e. rollout is not triggered when you mouseover the border, but in
Firefox on Mac the border element is treated like margins are, i.e. not
part of the element, so rollout IS triggered.
Can anyone confirm this and/or offer a solution?
|