Hover_one_element_effect_multiple_element CSS and HTML

CSS:

<style type="text/css">
    .section { background:#ccc; }
    .layer { background:#ddd; }
    .section img { border:2px solid #F90; }
    .section .layer { border:2px solid #F90; color:#ff0000; }
    .section:hover img { border:2px solid #ccc; }
    .section:hover .layer { border:2px solid #ccc; color:#ccc; }
  </style>

HTML:

    <div class="section">
        <img src="test.png" alt="test" title="hover" border="0" />
        <div class="layer">
            Lorem Ipsum</div>
    </div>