如何IE下的CSS和FF中显示的一样(attribute css)

<html>
<head>
<title>IE和FF下面的效果不一样</title>
<style type="text/css">
input[type="text"]{border-bottom:#666666 1px dotted;border-left:none;border-right:none;border-top:none}
input[type="button"]{border:#333333 1px solid;}
</style>
</head>
<body>
<input type="text" value="FF下文本框有虚线" />
<input type="button" value="FF下变色有边框" />
</body>
<SCRIPT LANGUAGE="JavaScript">
<!--
for(var a in document.getElementsByTagName("style")[0]){
document.write(a);
document.write("<br />");
}
//-->
</SCRIPT>
</html>

上面这段代码在FF下面显示是正常的。但是我想要在IE也能实现这样的效果怎么办！
打什么补丁可以实现或自己用JS脚本来实现也行。
但是要求的，我改了CSS后，不用在改JS脚本了