Space after li

[everisk]

Hi,

 

When use list element there is always a wide space after the bullet point, something like *  [blah blah]. How to control the space after the bullet? I have tried padding: 0; margin: 0; but to no success. Below is a part of my CSS and HTML.

 

HTML
=====
<div id="divid">
<ul><li>blah 1</li>
<li>blah2</li>
</ul>
</div>

CSS
=====
#divid ul {
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 10px;
}

#divid ul li {
list-style-image: url(../images/bullet_blue.gif);
margin: 0; padding: 0;
}

 

[attachment deleted by admin]

[everisk]

Oh forgot to mention that the space looks wide only in Firefox. In IE it looks much closer. Thanks!

[jcombs_31]

Do you already have some css defined for lists other than this one?  Seems as though you may be inheriting some properties.

[everisk]

I dont have a general css defined for lists such as ul { ... } or li { ... } but I do have some other css defined for other div id. I'l try to go through and check for inheritance. If anyone has other ideas .. please feel free

 

Thanks!