Hello,
I'm experiencing an annoying bug with Safari while combining opacity changes on hover and webkit-transition (eg: http://cld.ly/55xc2). By the way, the bug isn't there anymore in latest webkit nightly builds and everything works fine on Chrome.
Do you know any workaround to fix this? I hope Apple's going to correct it soon…
Cheers, Benjamin.
A very specific little bug...
If having the opacity was a must here, I'd probably look to moving the effect (or some part of it) to JavaScript/JQuery.
I can't replicate this problem; I'm on OS X Snow Leopard, Safari 4.0.4.
Are you using an older version of Safari? Sounds like it was a bug which has since been fixed (which is why Chrome and Webkit nightlies don't have it).
As for workarounds, you could try using rgba() colours (remember that, unlike opacity, these colors aren't inherited); if that's not suitable for your site, I'd follow Tom's advice and use jQuery (or similar).