ie下的bug之button

场景描述：

　　现在页面设计是都喜欢自定义按钮样式，某日接收到页面发现在ie下有bug，上代码：　　

 <div>
    <button><span><a href="http://so.com">测试</a></span></button>
  </div>

按正常流程讲：点击“测试”，应该跳转到指定链接；chrome下是没问题的，在ie下是无任何响应的；button默认的动作是submit，后来改成这样：

 <div>
    <button type="button"><span><a href="http://so.com">测试</a></span></button>
  </div>

依然无效；

解决方式：

　　去掉button，把按钮样式写在span上，即可。

<div>
    <span><a href="http://so.com">测试</a></span>
  </div>

测试地址：

　　http://jsbin.com/ASUxAga/3/edit

总结：脱离form单独使用表单元素会有意想不到的bug，能不用尽量不用。