Encountering issues with IE7 and images in my CSS.
.dot-preview {
background: url("../images/bola02.png") no-repeat scroll 0 0 transparent;
display: block;
height: 12px;
margin: 3px;
width: 13px;
}
.navi-active .dot-preview {
background: url("../images/bola01.png") no-repeat scroll 0 0 transparent;
display: block;
height: 12px;
margin: 3px;
width: 13px;
}
Here's a snippet of my HTML:
<ul>
<li> <a href="javascript:void(0);" class="navi"><span class="navbar-img"><img class="dot-preview"></span></a></li>
<li> <a href="javascript:void(0);" class="navi-active"><span class="navbar-img"><img class="dot-preview"></span></a></li>
</ul>
You can find the website here. The issue is located at the left, above the slideshow.
Your assistance is highly appreciated!