Bullet points displaying in Firefox but not in IE

ninimac

Hi there,
Having a problem with bullets not displaying in IE. Heres the links:

http://www.driveability.ie/development/wte.html
http://www.driveability.ie/development/theory.html

heres the css I've used:

ol.content{
margin: .8em 0;
}

ul.content{
margin: .8em 0;
list-style-image: url('images/bullet.gif');
}

li.linespace{
margin: .8em 0;
list-style-image: url('images/bullet.gif');
}

li.ol_linespace{
margin: .8em 0;
}

Can anyone help me out please?
Thanks a mill.

The Mighty Ken

I generally find it's much easier to control bullets by using background-images on the list items rather than using list-style-image. For example:

ol.content{
	margin: .8em 0;
}

ul.content{
	margin: .8em 0;
}

ul.content li {
background-image: url('images/bullet.gif');
background-repeat: no-repeat;
background-position: center left;
}

li.linespace{
	margin: .8em 0;
	background-image: url('images/bullet.gif');
background-repeat: no-repeat;
background-position: center left;
}

li.ol_linespace{
	margin: .8em 0;
}

You can then add padding to the list item to tweak the spacing between it and the bullet. You may need to add some padding to the bullet image itself as well in order to get the spacing just right, particularly if your list items have top padding.