Html 设置可单击图标背景的大小

我正在寻找一种方法来设置关闭图标的可按下区域。因此，如果图标为19X19，则要按下的区域将为39X39。 div是clost botton的容器，我想更改它。 我不想设定一个固定的高度，因为有时候，另一方面，父亲根本没有高度，而他的父亲

<div class="ui-pnotify-closer" style="cursor: pointer; visibility: visible;">
    <span class="glyphicon glyphicon-remove" title="Close"></span>
</div>

但这很不优雅。

---

还有其他想法吗？

我想你看起来像下面这样

HTML

---

在我看来很优雅。。没有额外的标记和Javascript。

.ui-pnotify-closer{
  margin: -10px -10px -10px 10px ;
  padding: 10px 10px 10px 10px;
  height: 40px;
}

 <div class="test">
  <span><img src="test.gif" width="19" height="19" border="0" /></span>
 </div>

 .test
 {
  background-color:#ff00ff;
  padding:10px;
  cursor:pointer;
  display:inline;
 }