鼠标指上去弹出层 怎么让弹出层里的图片能够遮住border边框

鼠标指上去弹出层 如何让弹出层里的图片能够遮住border边框
我现在实现了一个效果，如下：

我现在想要实现的效果是那张图片可以遮盖住绿色的边框，我之前试过，用相对位置，还有设置z-index都不行，这个效果有个css样式，我觉得可能和里面的某个设置有关，但是不知道怎么改，现贴上代码，大家帮忙看看

<div class="wrapper">

  <div class="main">

    <div class="maincontent">

      <div class="topblock">

        <div class="nav homenav" id="nav">

          <ul>

            <li style="background-color:#D1D1D1; "><a href="http://www.jq-school.com?electronics-642/" >数码产品、配件</a>

              <div class="submenubox disn">

                <div class="subcate">

                  <ul>

                    <li><a href="http://www.jq-school.com?electronics-642/category/digitalcamera-644/" >数码相机</a></li>

                  </ul>

                </div>

              </div>

            </li>

            <li style="background-color:#D1D1D1;"><a href="http://www.jq-school.com?computers-553/" >电脑、硬件</a>

              <div class="submenubox disn" style="left: 200px; top: -41px">

                <div class="subcate">

                  <ul>

                    <li><a href="http://www.jq-school.com?computers-553/category/laptop-600/" >笔记本</a></li>

                  </ul>

                </div>