CSS for this page:

    .test dt:hover,
    .test li:hover {
        font-weight : bold;
    }
    .test dt:hover + dd,
    .test li:hover + li {
        color : red;
    }

Intended effect

Hovering over "boris" should bold it and turn "black and bitter" red. Hovering over any numbered list item should bold it and turn the next item red.

Test

boris
black and bitter
sasha
cute and stupid
  1. cats are small
  2. cats are fuzzy
  3. dogs are hairy
  4. dogs are of varying size

Results

Passes in Mozilla 1.7.2

Fails in Safari 1.2.4:

Validation

  1. XHTML
  2. CSS