Why do the bullets disappear?

I have code in my CSS:

.bulletList {
	list-style:circle;
	text-align:left;
}

.bulletList li {
	display:block
	padding:0 32px;
}

Code (markup):

but when I change

display: block

Code (markup):

to

display: block;

Code (markup):

the bullet disappear? Why does it do that?

 

each property/value must end in a semicolon if it is not the last one in the entry. In this case, your missing semicolon makes the value invalid.

 

see that is my understanding, but however when I add the semicolon the bullets disappear, whereas if I leave it off the bullets appear...

 

Validate your css once; that could give you some clue. And does bullets disappear in all browser? May be you can post a live url, so that DP members can ave a look at the issue.

 

Sorry :

Http://www.pathologyresource.com

 

try using firebug to determine where the css property list-style-type is being set to none

 

Only list items have list markers. Without the {display: block;}, the browser applies the marker as an <li> is {display: list-item;} by default. Add {display: block;}, and you've screwed the pooch. There is no compelling reason to specify block, as a list item is a member of the block group.

cheers,

gary