CSS, XHTML, Web Standards, Tableless, Estatísticas, SEO, Wordpress | marcio misumi

A tag <sup> (superscrito) ao ser utilizada com underline não funciona corretamente no Internet Explorer. É possível corrigir este problema com CSS.

Antes de apresentar a solução vamos visualizar o problema gerado no Internet Explorer:

Para solucionar este problema do underline no Internet Explorer nós precisamos utilizar o seguinte CSS:

a sup {
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
    font-size: 93%;
    text-decoration: none;
}
<a href="#" title="Marcio Misumi&reg;">Marcio Misumi<sup>&reg;</sup></a>

A propriedade “font-size” pode ser alterada conforme a sua necessidade. Se o valor dessa propriedade for alterada, provavelmente será necessário modificar o valor da propriedade “padding-bottom”. A cor da propriedade border-bottom pode ser alterada também conforme a necessidade.

Uma sugestão é fazer esta correção utilizando hack para o Internet Explorer.

Espero ter ajudado.
Qualquer dúvida deixem comentários.

Vejam a estatística dos browsers do mês de março divulgado pela Net Applications:

Microsoft Internet Explorer – 66.82%
Firefox – 22.05%
Safari – 8.23%
Chrome – 1.23%
Opera – 0.70%
Netscape – 0.69%
Mozilla – 0.10%
Outros – 0.16%

Por versão dos browsers:

Microsoft Internet Explorer 7.0 – 46.54%
Firefox 3.0 – 19.66%
Microsoft Internet Explorer 6.0 – 18.36%
Safari 3.2 – 4.06%
Safari 3.1 – 2.12%
Firefox 2.0 – 1.99%
Microsoft Internet Explorer 8.0 – 1.83%
Chrome 1.0 – 1.16%
Safari 4.0 – 0.77%
Opera 9.x – 0.66%
Outros – 2.71%

Para a estatística dos browsers do mês de fevereiro/2009, clique aqui.

Vejam a estatística de resoluções de tela do mês de março divulgado pela Net Applications:

1024 x 768 – 34.56%
1280 x 800 – 20.33%
1280 x 1024 – 12.41%
1440 x 900 – 8.77%
1680 x 1050 – 5.74%
800 x 600 – 4.25%
Outras – 13.59%

Para a estatística de resoluções de tela do mês de fevereiro/2009, clique aqui.