title: On a CSS hover event, can I change the above div's styling?
body: <p>The JSFiddle below shows DIV B changing color when I hover on DIV A. But I need the exact opposite: to hover on DIV B and have DIV A change color.</p>
  
  <p><a href="http://jsfiddle.net/u7tYE/" rel="nofollow">http://jsfiddle.net/u7tYE/</a></p>
  
  <pre><code>&lt;div id="a"&gt;Div A&lt;/div&gt;
  &lt;div id="b"&gt;Div B&lt;/div&gt;
  
  #a:hover + #b {
      background: #ccc
  }
  </code></pre>
  
  <p>I can't rearrange the raw html elements, they need to stay the same.</p>
  
  <p>Is this possible with CSS, or only Javascript?</p>