Css help...banging head against brick wall!

[DeterminedOne]

Any css supremos out there? I'm trying to figure out where I'm going wrong and it's driving me nuts!

I'm trying to create an inline list with images as the bullets. All works fine as a normal unordered list, but the minute I change the display to 'inline' the bullets disappear. Can anyone put me out of my misery and tell me where I'm going wrong?

ul.listingbullet {
margin-left:0px;
}

ul.listingbullet li {
display:inline;
list-style-image:url(images/icon_categories.gif) repeat:no-repeat top left ;
}

Thanks!
Laura

[bluecube]

Hi Laura,

Try this...

ul.listingbullet {
margin-left:0px;
}

ul.listingbullet li {
display:inline;
background:url(images/icon_categories.gif) no-repeat;
padding: 0px 0px 10px 20px;
margin: 0px;
list-style-type: none;
}

Change the padding to reflect the size of your image

Let me know how you get on

Hope this helps

Regards

Nathan

[DeterminedOne]

Nathan, you're a star, that worked a treat! Thank you ;o)

[bluecube]

Welcome,

Just a note for future if its on a live / test server and you can give a link o the page its always better...but this could well be your top secret new project