title: <sup> taking underline in chrome when given inside an element with text-decoration underline
body: <p>tried adjusting the sup tag with custom styling but it breaks when checked across the browsers.  The current code shared <a href="http://jsfiddle.net/UXSree/FhVm5/10/" rel="nofollow">http://jsfiddle.net/UXSree/FhVm5/10/</a> in the fiddle works for firefox and IE but when it comes to webkit browsers it fails. Has anyone come across this?</p>
  
  <pre><code>        h1{
      text-decoration:underline;
      width:450px;
  
      }
  
      sup{
      color:red;
      font-size: 30%;
      }
  </code></pre>
  
  <p>
      <h1>This is a multiline heading<sup>with superscript</sup>And here comes the second part of multiline heading<sup>2nd</sup></h1>
    </p>