为毛，给图片加超链，鼠标移动图片上没有hover效果呢？

<a href="#" class="aa">

            <div class="userHeader">

                <img src="/img/user.png"
                     style="width: 55px;height: 55px;margin-top: -5px;margin-bottom:5px;border-radius: 500rem;">

                <i class=" icon-chevron-down" style="font-size: 20px"></i>

            </div>

        </a>

    a {
            cursor: pointer;
            text-decoration: none;
        }

        .userHeader {

            height: 65px;
            width: 100px;
            padding-top: 10px;
            padding-left: 5px;
        }

        .userHeader:hover {

            background-color: rgba(176, 176, 176, 0.36);

        }

        .aa {

            height: 65px;
            width: 65px;
        }

被一个fixed东西挡住了。怎么改好呢？