Custom CSS bullet list style is appearing in ALL unorderd lists, even if they have...

Actually the CSS should be applied to the <ul> tag or the <ol> tag, not <li>. So for example, take the CSS you already have and wrap it around

ul.custom { your css goes here}

then create another class for the lowercase letter lists:

ul.letter { whatever css you want here}

notice also the syntax I've used for classes (based on what you provided, the syntax seems wrong).

this should do the trick

Write div specific css code and you will easily get rid of this problem.

you are using the <li> tag for that. this is the wrong way. use <ul> tag for that. the right one is below..

Code:

ul{
    padding-left:25px;
padding-bottom:15px;
    background:transparent url("http://www.geolearning.com/summit/images/summitbullet.gif") no-repeat;
    background-position:0 5px;
}

Originally Posted by akash

you are using the <li> tag for that. this is the wrong way. use <ul> tag for that. the right one is below..

Code:

ul{
    padding-left:25px;
padding-bottom:15px;
    background:transparent url("#") no-repeat;
    background-position:0 5px;
}

I agree with him you have used li instead of ul. That is the reason it is not working properly.