chrome覆盖了我的按钮css

Question

我试图在我的页面中设置按钮的样式：http://onlinehandytools.com/blah.php?board=EDE&level=AL&subject=biology&year=2010#（点击任何QP或MS链接）但是chrome会覆盖它或者我不知道的东西，它＆＃39;越过我的CSS，一切都在图片中：http://s10.postimg.org/5v8htii4p/Untitled.png 这是应该在按钮上应用的代码，但它不是

 .button {
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0,   0.15);
background-color: #eeeeee;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-  stop(100%, #e1e1e1));
background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
background: linear-gradient(top, #fbfbfb, #e1e1e1);
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
border: 1px solid #d4d4d4;
height: 32px;
line-height: 32px;
padding: 0px 25.6px;
font-weight: 300;
font-size: 14px;
font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida   Grande", sans-serif;
color: #666666;
text-shadow: 0 1px 1px white;
margin: 0;
 text-decoration: none;
 text-align: center; }