title: Changing font-color when hovering div
body: <p>I'm trying to make a div with text within it that is going to change whenever the user hovers over the <code>div</code> area, and not only the <code>p</code> tag. I am however not able to make my solution work. </p>
  
  <p><a href="http://jsfiddle.net/5ULpy/" rel="nofollow"><strong>JSfiddle</strong></a> </p>
  
  <pre><code>div{
    height:200px;
    width:400px;
    background-color:#fbfb2b;    
  }
  
  div:hover + p{
    color:#fff;
  }
  </code></pre>