title: Svg:hover on two paths at once
body: <p>I'm trying a basic hover on an SVG which has two paths but I want both of these to be affected by the hover. When I try it, the hover works on each path individually. </p>
  
  <p><a href="http://jsfiddle.net/mexicanbandit/aLs36j4c/" rel="nofollow">http://jsfiddle.net/mexicanbandit/aLs36j4c/</a></p>
  
  <pre><code>path:hover {
      fill: rgb(230, 100, 100);
  }
  </code></pre>
  
  <p>Just applied the hover to the path. I tried applying a class to each and applying the hover to that but it still had the same results. </p>
  
  <p>Thanks</p>