title: CSS lighten child elements on parent mouseover
body: <p>here is my problem.<br>
  I have a <code>div</code> which contains two other <code>divs</code>: basically one for header, one for content.</p>
  
  <p>I'd like to <em>lighten</em> (change alpha level, or some other method is welcomed), when the user points the mouse over the parent <code>div</code>. Colors of both child <code>divs</code> should change and become slightly lighter. I'd like to avoid javascript if possible.</p>
  
  <p>How to do this in CSS?</p>