请问如何实现IE风格的浮动按钮?

Question

<style>
.a{BORDER-RIGHT: #006080 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #00d0f0 2px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #00d0f0 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #006080 2px solid; BACKGROUND-COLOR: #00a0c0;}
.b{border:0;padding:2px}
</style>
<input class=b type=button value=测试测试测试测试 onmouseover="this.className='a'" onmouseout="this.className='b'">

Answer 1

<style>
.a{BORDER-RIGHT: #006080 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #00d0f0 2px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #00d0f0 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #006080 2px solid; BACKGROUND-COLOR: #00a0c0;}
.b{BORDER-RIGHT: #00a0c0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #00a0c0 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; BORDER-LEFT: #00a0c0 1px solid; CURSOR: default; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #00a0c0 1px solid; }
.c{BORDER-RIGHT: #00d0f0 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #006080 2px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #006080 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #00d0f0 2px solid; BACKGROUND-COLOR: #00a0c0;}</style>
<input class=b type=button value=测试测试测试测试 onmouseover="this.className='a'" onmouseout="this.className='b'" onmousedown="this.className='c'">