HTML icons size testing IE issues

by jacobwsmith

HTML

<h2>Current Styles</h2>
<div class="footnotes">
    [◆] Measurement is at 95% or better confidence level
    <br>[◇] Measurement is at 90% or better confidence level
    <br>[♣] Data is not weighted
    <br>[☉] Performance versus the rest of the Publishers on the media plan
</div>

<hr>
    <h2>Current w/ icon Styles</h2>
<div class="footnotes">
    [<span class="html-icon">◆</span>] Measurement is at 95% or better confidence level
    <br>[<span class="html-icon">◇</span>] Measurement is at 90% or better confidence level
    <br>[<span class="html-icon">♣</span>] Data is not weighted
    <br>[<span class="html-icon">☉</span>] Performance versus the rest of the Publishers on the media plan
</div>

CSS

html, body {
    font: 12px/1.231 arial, helvetica, clean, sans-serif;
    background-color: #fff;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}
.footnotes {
    padding-left: 7px;
    padding-right: 7px;
    font-size: .9em;
    line-height: 1.4em;
}
.html-icon{
    font-size: 9px;
}