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;
}