title: Changing multiple elements with CSS?
body: <p>If this has been asked before I sincerely apologize. After around half an hour of searching I cannot seem to find one "best answer," and most solutions I have come across seem to involve JavaScript. While I am not totally opposed to JavaScript - HTML, CSS, and PHP are definitely my stronger skillsets. If this cannot be done without using JavaScript, I will probably need some serious baby talk. Here's my question:</p>
  
  <p>I would like to change the background image of an one element as the hover state of an entirely separate element. Here is an example of how I would like this to work:</p>
  
  <pre><code>.some_element:hover {
      #some_unrelated_div {
           background-image: url('path/to/img.jpg');
      }
  }
  </code></pre>
  
  <p>I hope that conveys a clear enough message of my ideal solution. Thanks guys.</p>