Hi! This is my first post in this CSS Beauty - SkillShare forum.
I did a research project for a CSS class on remote rollover. I converted my findings into this page on my soulbeams.net site. [Edited July 29, 2007 to correct URL]
The examples work in most browsers, except as noted. The problem I hope you folks can help with is the sibling remote rollover example, about 2/3 of the way down the page. It's not working in Safari 2.0.4 on Mac OS 10.4.9. Any ideas about how to make it work?
-----
A terminology question: I've called the effect CSS Remote Rollover, but I've seen the term "disjointed rollver" while reading this forum. Is "disjointed rollover" the same thing that I am describing as "remote rollover"? Are there other terms for the same CSS effect?
I finally got my sibling remote rollover/dijointed rollover/hover example to work in Safari. Short version - Safari is very touchy about making dynamic changes to a sibling that are triggered by a hover event. I wouldn't want to depend on it for any commercial work.