IE浏览器兼容性问题：重复显示空的div

DIV里面添加链接标签，下面就会莫名其妙的重复一个DIV，且内容为空。

截止目前的实践，IE浏览器重复显示空的div有以下两种原因：

1.DIV里面添加的链接标签有问题

如果div结构是这样：

<div class="content"><a href="#">哈哈哈<a/></div><div class="content"><a href="#">哈哈哈</a></div>

那么它在IE9以下的浏览器中这样显示：

将<a/>改为</a>，则会正常显示，如下：

2.form嵌套导致DIV重复显示

如果代码结构是这样：

<form action=""><div class="content"><form action="">哈哈哈</form></div><div class="content">哈哈哈哈</div></form>

那么它在IE9以下的浏览器中会这样显示：

如果去除嵌套，也即删除一个form，则会正常显示，如下图：