title: How to change a div background image when hover an other div
body: <p>i have using one <strong>div</strong> to display a image.  the <strong>id</strong> name of the div is <strong>first</strong>, i gave both background image and hover image using css. now i have to hover an first div image when hovering an another div. </p>
  
  <p>here below the example</p>
  
  <p><strong><code>&lt;div id="first"&gt;&lt;/div&gt;</code></strong></p>
  
  <p>default background image of first div is - bgimg.jpg</p>
  
  <p>The hover image of first div is - hoverbgimg.jpg</p>
  
  <p>THE ANOTHER DIV IS <strong><code>&lt;div id="second"&gt;&lt;/div&gt;</code></strong></p>
  
  <p>here when i am <strong>hovering second div</strong> the <strong>first div image should be change</strong>.</p>