Even after implementing a CSS reset, it seems that Internet Explorer is applying default styling to the SUP tag. In this scenario, the SUP tag remains slightly smaller than the styled SPAN tag. Is there a workaround for this issue?
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css"/>
<style type="text/css">
sup { font-size: 16px; vertical-align: super; }
.trademark { font-size: 16px; vertical-align: super; }
</style>
</head>
<body>
<h1>This is a <sup>®</sup> test</h1>
<h1>This is a <span class="trademark">®</span> test</h1>
</body>
</html>