List Marker Font Size

[mrtwice99]

I am trying to change the marker font size. The following code works in Firefox but not IE.

dl.navigationMenu ul {
margin: 3px 0;
padding: 0;
font-size: .9em;
}

dl.navigationMenu li {
list-style: square;
font-size: 0.9em;
}

Suggestions please.

[toicontien]

Apply the font size to the UL instead of the LI to size it down. Then encase the contents of the LI in a DIV, give that DIV a class and increase the text size back to the normal size.

[mrtwice99]

Apply the font size to the UL instead of the LI to size it down. Then encase the contents of the LI in a DIV, give that DIV a class and increase the text size back to the normal size.


I don't think you understand, I have applied the font-size to the UL. When I do so, it changes the size of the LI content but it does not change the size of the marker. It is the marker (the black dot in this case) that I want to size down.


dl.navigationMenu ul {
margin: 3px 0;
padding: 0;
font-size: 5px;
}

The code above does NOT change the font-size of the marker in IE, it does in Firefox.