When I look at my icon, I'm calling it like this:
<td>
<i id="sthAdd" class="icn_plus"></i>
</td>
and the class looks like this:
.icn_plus {
background: url(../images/icons/plus-14x14.png) no-repeat;
width: 20px;
height: 20px !important;
cursor: pointer;
border: none;
padding-left: 20px !important;
}
This works in Chrome and IE8, but not in IE7. I've tried different configurations like separating the URL and background repeat, changing the URL by removing the first "/", but it still doesn't work.
What's strange is that at the same time and in the same view, this code works:
<td>
<input value=" " class="btn_left" />
</td>
and the class for that is:
.btn_left {
background: url(../images/campaign/Ok1.png) no-repeat;
width: 20px;
height: 30px;
border: none;
cursor: pointer;
outline: none;
}
I can't figure out what I'm missing. Thank you in advance.