[shazronline]

I have a list set up on a website i am developing. It is style in css with images that are doing something wierd.

Go here:
shazronline.com/acstest/index.php

If you visit it in any browser, accept IE, the list in the center of the page loads little green checks beside it entry. However, if you load the page in IE, there are no green checks.

My List Code:
<div class="home" id="previewlist">
<h3>ACS Is Your IT Solution...</h3>
<ul id="previewlistitems" class="clearfix">
<li>Broad range of IT services.</li>
<li>Safe and secure system management.</li>
<li>Professional and reliable consulting services.</li>
<li>Professional technical support.</li>
<li>Email support available 24 hours a day.</li>
<li>Quality product distributors.</li>
<li>Parts for all minor repair in stock.</li>
<li>Friendly and caring customer service.</li>
</ul>
</div>

My CSS Styling that list:
#previewlist.home { position: absolute; left: 498px; top: 40px; }
#previewlist.home ul { list-style-image: url(../images/layout/checks18px.png); padding: 0; margin: 0; }
#previewlist.home ul li{ padding: 0px; margin: 0px; border: 0px solid #000000; font-size:16px; font-weight:bold; line-height: 25px;}


Can you maybe let me know why this is happening????

[Mongoose]

I've never seen a problem like that before. I went to Google for help to solve the problem and I suspect that it's some kind of bug with IE7. Also, list-style-image should be applied to ul and not li.

Maybe that will help?

[Shiro]

I googled a bit myself, and didn't find anything conclusive, but maybe try playing around with your padding/margin a little - it the images may just be pushed outside of the visible area a little.

[pgo]

Why are you using absolute positioning?

There's no need and your site doesn't scale.

[funkyprem]

edited coz i is an idiot