List Bullets are missing in nested ULs if one LI was display:inline

RESOLVED INVALID

Status

()

Firefox
General
RESOLVED INVALID
11 years ago
11 years ago

People

(Reporter: Hannes, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

11 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

On a nested UL <ul><li> <ul><li></li></ul> </li></ul> the innter List does not show bullets, if the outer list had LIs set to display:inline.
Although if I set display:block on the inner LIs. See example.

Reproducible: Always

Steps to Reproduce:
1. Look at uploaded example File

Actual Results:  
The inner LIs have missing bullets

Expected Results:  
The inner LIs should show the bullets, If the same Page is loaded in IE 6 the list is shown as expected.
(Reporter)

Comment 1

11 years ago
Created attachment 273811 [details]
This file demonstrates the Problem

Open this Page in IE6 and Firefox to see the difference.

Comment 2

11 years ago
The bullets are missing in all browsers except IE.
You should use li {display:list-item} instead of {display:block}.
See:
http://www.w3.org/TR/CSS21/visuren.html#propdef-display
Status: UNCONFIRMED → RESOLVED
Last Resolved: 11 years ago
Resolution: --- → INVALID
(Reporter)

Comment 3

11 years ago
My fault, sorry that I have bothered. Thank you!
You need to log in before you can comment on or make changes to this bug.