Css 用IE 10在Bug之前在div内跨越

我使用div内部的span来模拟整个div作为链接。它在Chrome&FF上运行良好，但在IE中却不行。 我使用导入的字体（awesome字体）在主div上显示一个图标（css中的“before”语句）。div在图标之前和之后显示为可单击。在FF和Chrom中，可以单击Whole图标。。。如何使其在IE中工作

css:

html:

演示：

找到：

<a href="/bgladm"><div class="adminmenu_00"><span></span></div></a>

<div class="enveloppe_menuadmin" style="opacity: 1; margin-top: -15px;">
    <div class="align_menuadmin">

    <div class="env_menuadmin">
    <div class="menuadmin">
        <div class="adminmenu_00"><a href="/bgladm"><span></span></a></div>
        <div class="adminmenu_0"><a href="/bgladm-compte"><span></span></a></div>
        <div class="adminmenu_1"><a href="/bgladm-options"><span></span></a></div>
        <div class="adminmenu_5"><a href="/bgladm-abo"><span></span></a></div>
        <div class="adminmenu_2"><a href="/bgladm-notif"><span></span></a></div>
        <div class="adminmenu_6"><a href="/bgladm-fic"><span></span></a></div>
        <div class="adminmenu_7"><a href="/bgladm-vip"><span></span></a></div>
        <div class="adminmenu_3"><a href="/bgladm-aide"><span></span></a></div>
        <div class="adminmenu_4"><a href="/logout"><span></span></a></div>
    </div>
    </div>

    <div class="tiremenuadmin" style="opacity: 1;"></div>
    <div class="cover_admin"></div>
    </div>
    </div>

<a href="/bgladm"><div class="adminmenu_00"><span></span></div></a>