list-style: sqaure doesn't show 1

[briancostea]

Anyone know why this won't display correctly? It will only display the squares in the ul if i specify in the list-style: square inside; instead of list-style: square inside;

CSS:
#popAnalyze
{
background-image:url(../images/popAnalyze.gif);
background-repeat:no-repeat;
height:150px;
width:200;
text-align:left;
padding-top:10px;
padding-right:5px;
padding-left:10px;
}

ul
{
padding: 0 0 0 0;
margin: 0 0 0 0;
list-style: square;
}

HTML:
<div id=popAnalyze>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>

 

[monksnake]

The proper reference is: list-style-type.

That may have something to do with your problem.

<.

 

[Foamcow]

do you have any other css that might be turning off margins and padding on list elements?

<honk>*:O)</honk>

Earl & Thompson Marketing - Marketing Agency Services in Gloucestershire

 

[briancostea]

monksnake - The list-style property is a shorthand property for setting all the properties for a list in one declaration.

Foamcow - that's all the css on the page. The popAnalyze
sets the width and margins. Does that have something to do with it?

 

[monksnake]

Doh, my bad, here is your problem:

  margin: 0 0 0 0;

When you set the left margin to 0, there is no room for the square.

<.

 

[monksnake]

Yeah, I learned something, honestly never knew about list-style

<.

 

[briancostea]

Thanks, monksnake!