title: Change Body Background Image on Hover other Element
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/12574668/change-color-of-sibling-elements-on-hover-using-css">Change color of sibling elements on hover using CSS</a>  </p>
  </blockquote>
  
  
  
  <p>Basically i want to change my body background image on hover of #fb or any other div id i create, i couldn't find a solution for this anywhere</p>
  
  <pre><code>&lt;body&gt;
  &lt;div class="container"&gt;
      &lt;div class="sixteen columns"&gt;
          &lt;h1 class="remove-bottom" style="margin-top: 40px"&gt;Club 77&lt;/h1&gt;
          &lt;hr /&gt;
      &lt;/div&gt;
      &lt;div class="sixteen columns"&gt;
          &lt;h3&gt;&lt;a href="" id="fb"&gt;Facebook&lt;/a&gt;&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="sixteen columns"&gt;
          &lt;h3&gt;&lt;a href=""&gt;Photos&lt;/a&gt;&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="sixteen columns"&gt;
          &lt;h3&gt;&lt;a href=""&gt;Contact&lt;/a&gt;&lt;/h3&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>