css - 如何删除 Internet Explorer 中按钮的默认 onclick 和活动效果？

Question

在 Internet Explorer 9 中单击带有 html 的按钮时：

<fieldset class="this_fieldset">
<p style="display:inline">title:</p>
<button class="styled_buttons" data-filter=".1">all</button>
<button class="styled_buttons" data-filter=".1.2">2</button>
<button class="styled_buttons" data-filter=".1.3">3</button>
<button class="styled_buttons" data-filter=".1.4">4</button>
<button class="styled_buttons" data-filter=".1.5">5</button>
<button class="styled_buttons" data-filter=".1.6">6</button>
<button class="styled_buttons" data-filter=".1.7">7</button>
</fieldset>

按钮上的文本会移动，并且按钮上会出现（并保持）边框。

我怎样才能消除这些效果（它们没有出现在 chrome 和 ff 中）。

谢谢你。

更新：请求的当前css：

fieldset.this_fieldset {
float: left;
}

和

.styled_buttons {
background: none repeat scroll 0 0 #CCCCCC;
border: 1px solid #000000;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
height: 23px;
padding: 2px 10px;
}

/* for firefox only */
@-moz-document url-prefix() {
.styled_buttons {
padding: 2px 5px;
}
}

.styled_buttons:hover {
cursor: pointer;
}