[Resolvido] CSS Reset

Olá pessoal,

Peguei um pouco de cada coisa sobre o assunto e gerei o CSS que está abaixo. Minha idéia é fazer deixar o CSS mais próximo da proposta original, por isso não coloquei coisas para remover as marcações de lista por exemplo.

Só que estou tendo um problema, no final do meu css tenho 2 estilos para formatar abbr, acronym, a abbr, a acronym, funciona perfeitamente no firefox mas no IE não funciona.

Vcs poderiam me ajudar a descobrir o porque?

PS.: Se tiverem sugestões podem postar pq serão muito bem vindas

Vai o código CSS

<style>
* {

 vertical-align: baseline;
 font-family: inherit;
 font-weight: inherit;
 font-style: inherit;
 outline: 0px;
 padding: 0px;
 margin: 0px;
 border: 0px;
}

body {

 background: #FFFFFF;
 line-height: 1;
 color: #000000;
}

table {

 border-collapse: separate;
 border-spacing: 0px;
}

th {

 font-weight: bold;
 text-align: center;
}

hr {

 color: #000000;
 background-color: #000000;
 height: 1px;
}

h1, h2, h3, h4, h5, h6{

 font-weight: bold;
}

fieldset{

 border: 1px solid #AAAAAA;
}

blockquote:before, blockquote:after, q:before, q:after {

 content: "";
}

blockquote, q {

 quotes: "" "";
}

li, dd, blockquote {

 margin: 0px 0px 1em 0px;
}

cite, em, dfn {

 font-style: italic;
}

small, sup, sub {

 font-size: 0.8em;
}

sup {

 position: relative;
 bottom: 0.6em;
}

sub {

 position: relative;
 bottom: -0.2em;
}

del {

 text-decoration: line-through;
}

iframe, img, a img {

 border: none;
 text-decoration: none;
}

a, a:link, a:visited, a:hover, a:active {

 outline: 0px;
}

:focus {

 background-color: #FFFFFF;
 outline: 0px;
}
.clear {
 clear: both;
}
.float-left {
 float: left;
}
.float-right {
 float: right;
}

abbr, acronym {

 text-transform: uppercase;
 font-size: 0.8em;
 letter-spacing: 0.1em;
 border-bottom-style: dashed;
 border-bottom-width: 0.1em;
}

a abbr, a acronym {

 border: none;
}
</style>