CSS三角形出现并且不应该是：这是为什么？

Question

Wifi名称1，Wifi名称2和Wifi名称3都共享同一个名为wifiarea的班级。 wifiarea的css只是：

.wifiarea {
    height: 115px;
    width: 561px;
}

每个按钮都有默认状态和活动状态。例如，“Wifi Name 1 Text”右侧的按钮是：

.wifibutton1>button{
    background:url(../toggle_off.png);
    border:0;
    width:191px;
    height:76px;
    float:right;
    margin-right:10px;
}

.wifibutton1>button.wifibutton1active{
    background:url(../toggle_on.png);
}

HTML：

<div class="fullairwifimenu" id="fullairwifimenu">

    <div class="wifiarea">
        <div class="wifitext">
        Wifi Name 1
        </div>
        <div class="wifibutton1">
            <button id="wifibutton1">
            </button>
        </div>
    </div>

    <div class="wifiarea">
        <div class="wifitext">
        Wifi Name 2
        </div>
        <div class="wifibutton2">
            <button id="wifibutton2">
            </button>
        </div>

    </div>

    <div class="wifiarea">
        <div class="wifitext">
        Wifi Name 3
        </div>
        <div class="wifibutton3">
            <button id="wifibutton3">
            </button>
        </div>
    </div>
</div>

负责背景的图像是popup_wifi2.png，请参见此处：

在做了一些研究后，似乎边界是问题的根源。

目标/问题：如何摆脱那个讨厌的小灰三角？ css中调用的相关图像都没有。

任何输入都表示赞赏。

Answer 1

非常确定您的背景正在重复：

background-repeat: no-repeat