google chrome - Why doesn't this CSS selector work: a:hover ~ span?

Question

a:hover + span { background:yellow; }
a:hover > span { background:yellow; }
a:hover ~ span { background:yellow; }

The first two selectors work just fine. However, the third selector does not work?

Demo: http://jsfiddle.net/UAHw7/

Why?

---

Update: I fired up all my browsers ...

Opera 11 - Works
Safari 5 - Works
Firefox 3.6 - Works
IE9 RC - Works
Chrome 9 - Does not work

A Chrome issue then ...

---

Note: As Chrome no longer contains this bug, this question is obsolete.

Answer 1

Looks like a Webkit bug related to using the :hover pseudo-class.

It works fine for me

• in FF 3.6.13
• in IE 8 of all browsers
• in Opera 11

It doesn't work for me

• In Chrome 9
• In Safari 5.0.3

Might be file-worthy.