title: Hover on parent does not affect mark tag CSS
body: <p>How can I apply hover style from a parent container, such as div or anchor, to a mark tag? I know this is default behavior for other elements nested inside a parent like span. However, it is not working for me when I use a mark tag.</p>
  
  <p>Here are three examples, 1) div with mark, 2) anchor with mark, 3) anchor with span. If you hover the parent, but outside the child, it changes the span, but not the mark.</p>
  
  <pre><code>&lt;div&gt;
    Outside div &lt;mark&gt;inside mark&lt;/mark&gt;
  &lt;/div&gt;
  
  &lt;a&gt;
    Outside anchor &lt;mark&gt;inside mark&lt;/mark&gt;
  &lt;/a&gt;
  &lt;br&gt;
  &lt;a&gt;
    Outside anchor &lt;span&gt;inside span&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/ku6drqt5/">https://jsfiddle.net/ku6drqt5/</a></p>
  
  <p>I would love to know what is special about the mark tag that is preventing this from working, and how I might correct it. Otherwise, simple workarounds are welcome.</p>
  
  <p>Note: I am using Chrome v48.</p>