I have the following code I'm using to display rollovers using purely HTML and CSS. When you hover over the text, it changes the left and right images.
Works great in all the browsers I tested, except Safari 4. From what I gathered, Safari 4 supports div:hover and general siblings (~). I know it's a little older, but can anyone tell me why this won't work in Safari 4? If I can fix it, I'd like to.
Thanks for the reply. I searched to see if Safari 4 supported div:hover and siblings and saw that it did so I couldn't figure out what the problem was. I didn't think it could be a bug when using both together.
The fix on that page didn't work for me, but at least I know it's a known bug and can investigate further. The code seems to work in Safari 5 and 6, so if it's just Safari 4, I can probably live with that as it's not a core piece of the site.