a链接在ie下的小bug，你知不知道a链接里应该是要有内容的呢

今天写了一段比较简单的代码，是一个div上有两个链接，整体div是一个链接，局部区域上是另外一个链接，由于div里需要包含图片，而且a链接不能嵌套，这个整体链接不能写在div上，所以我采用了绝对定位的方式，类似于<div><a class="nav-all"></a><div class="nav-section"><a href="aaa"></a></div></div>.的结构，但是在ie8浏览器中，nav-all的整体区域链接并不能点击，想了很久，以为是父元素z-index的问题，因为当时的结构是.nav-all{z-index:5;} .nav-section{z-index:12;}的样子，于是把div的z-index设置了1，但是仍然不可以，后来得知ie把空的a链接认为是无效的，也就是<a></a>在ie8上是不起作用的，于是乎，怎么办。。要用js了么？

有朋友提出了一个hack ,个人认为很巧妙，

.nav-all { display: block; background:url(about:blank) } 给nav-all设置一个背景就有内容，于是ok了。。。