Got a problem with css and IE, my list images aren't showing in IE but they are showing in FF
I have no clue why, sometimes one list shows them but other lists don't and when I do select all they are all there :s
That's just weird
live version:
http://nighttemplates.x10hosting.com
Screen:
FF:
http://img91.imageshack.us/img91/9585/listffok0.jpg
IE:
http://img519.imageshack.us/img519/941/listiecb7.jpg
HTML
Code:
<div id="left">
<div id="LatestTemplates">
<ul>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
</ul>
</div>
<div id="LatestTutorials">
<p><img src="images/latestTutorials.gif" alt="Latest Tutorials" width="125" height="30" /></p>
<ul>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
</ul>
</div>
<div id="LatestBuyers">
<p><img src="images/latestBuyers.gif" alt="Latest Buyers" width="115" height="30" /></p>
<ul>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
<li>Lorem Ipsum <span class="LeftPadding">xx commment(s)</span></li>
</ul>
</div>
</div>
CSS
Code:
#left ul {
width: 200px;
padding: 0;
margin: 0;
margin-left: 30px;
list-style-image: url(images/list_icon.gif);
}
#left ul li {
padding: 4px 0 3px 10px;
margin: 0;
border-bottom: 1px solid #192127;
}