I am using an image instead of a bullet with my ul li tags and have run into a problem with the position of the image with regard to the text.

Does anyone know how I can get the image to move down or the text to move up?

The HTML is just regular ul li tags
The CSS is:
ul li{
list-style-type: square;
list-style-image: url(../images/house.gif);
padding: 0 0 5px 5px;
}

and it looks like this

Just like how you can do padding: 0 0 0 0; you can do that for images.. That's what I remember doing when I had that problem atleast..

Thanks everyone for the input, I tried that but now the images are indented too far and are under/over the text. I have played around with negative values on the background image but that makes the image disappear entirely.

It seems as though the text is indenting to the same degree as the images, any ideas????

OK I fixed the image problem now it sits opposite the text but it indents too far, as I said above the background image is not replacing the bullet.

This is my CSS now, not very elegant - any ideas on the indentation?

# ul li{
list-style: none;
height: 20px;
background: transparent url(../images/house.gif) no-repeat 0 0;
margin: 10px 0;
}

# li{
padding: 3px 0 0 30px;
}

Cool, that works. Thanks