Onmouseover change the color
===

  `head` no background and color black ,on mouseover its color will be white and background black ,its working fine but

onmouse over on `content` i want to change the color of `head`?
how?


     <ul id="meg">
       <li><a href="#">head
        <div>
        <h2>su head</h2>
        <p><a href="#">content</a></p>
        <p><a href="#">content</a></p>
         </div>
        </li>
     <li><a href="#">head
        <div>
        <h2>su head</h2>
        <p><a href="#">content</a></p>
        <p><a href="#">content</a></p>
         </div>
        </li>
    </ul>


