前端，超链接里面的内容怎么 也显示 cursor: pointer;

Question

    <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：hover才起作用。

如果，让鼠标放到图片上，也让a：hover起作用。
现在代码的情况是，放到 图片上 是箭头，而放到 灰色的地方才是 手指。

===========================================

<div class="pull-right center-pill topBartopBarLoginBtns">


        <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>

        <div class="webui-popover-content">
            <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another Option</a></li>
                <li><a href="#">Something else</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Separated link</a></li>
            </ul>
        </div>

    </div>

样式：

    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 {

        }

Answer 1

a样式设置block为父级，把图片包进去

Answer 2

印象里a标签默认是inline的吧，你加个display改成block试试