title: How to change div color?
body: <p>How can I change <code>div</code> <code>bg color</code> From when I mouse over the another <code>div</code>...??</p>
  
  <pre><code> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;style type="text/css"&gt;
  .Div1{width:100px; height:100px; background-color:red; float:left; margin-right:30px; }
  .Div2{width:100px; height:100px; background-color:#00C; float:left }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="Div1"&gt;asdlsakd&lt;/div&gt;
  &lt;div class="Div2"&gt;asdsa&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want to change color of div1 to yellow when i mouse over the <code>div2</code>  how can I???</p>
  
  <p>This is my fiddle link : <a href="http://jsfiddle.net/anupkaranjkar/S5Yu5/" rel="nofollow">http://jsfiddle.net/anupkaranjkar/S5Yu5/</a></p>