Can You please help me with this - Ordered List & Wordpress CSS

Hello

Please look at this page in FF

http://plumbingskool.com/company-index/gould-pumps.html

Then look at it in IE 7

I need to fix the waterdrops which are my ordered list icons,

Can you please help me,

Here is the css I have now for that

.entry li
{
background: url(images/step.jpg) no-repeat 1em;

}




.entry ol {

}

.entry ol li {


}

Thanks again in advance

 

I can try fixing that for a little cost..

 

I was looking for free help , Thanks anyhow

 

One thing to watch out for is IE (but I don't remember WHICH IE, 6 or 7 or both???) is with your image positioning:

.entry li
{
background: url(images/step.jpg) no-repeat 1em;

}
You have 1em. Now normally, and according to the specs, the other value is "center" by default. But not in IE. It wants two values-- one for horizontal and one for vertical. Since you can't mix words and units, you'll have to do something like this:
background: url(step...) no-repeat 1em 50%;

You're allowed to mix %, em, px etc with each other but never with the words top, bottom, center, left or right.

I remember looking at this page in IE7 and it looked fine then... IE6 was the problem, it was showing the bullets AND the water drops.