196764 - <LI> bullets rendered inside indented text

Status: RESOLVED INVALID

(Core :: Layout: Text and Fonts, defect)

Description

[Oliver Kluge]

User-Agent:       Mozilla/5.0 (OS/2; U; Warp 4.5; en-US; rv:1.3b) Gecko/20030211
Build Identifier: Mozilla/5.0 (OS/2; U; Warp 4.5; en-US; rv:1.3b) Gecko/20030211

The page quoted above renders badly. The bullets in <UL><LI>...</LI></UL> are
rendered within the indented text, not at some distance left of the text.


Reproducible: Always

Steps to Reproduce:
1. Load quoted page.
2. Look at the indented paragraphs.

Actual Results:  
Bullets inside indented text.

Expected Results:  
Bullets left of indented text.

This page is obviously written in poor HTML (</CENTER> comes inside a table,
before it has been closed and so on), but still IMHO <LI> should not be rendered
inside the text.

Comment 1

[Josh Birnbaum]

The code looks like:
<ul>
 <li>
  <p style="line-height: 100%; margin-left: -22; margin-bottom: +6">

Comment 2

[Oliver Kluge]

Uh, I didn't see the negative value of the margin. So maybe the page is to
blame. I'll have to check how IE renders this. Maybe IE shifts the entire
paragraph to the left, not only the text.

Comment 3

[Boris Zbarsky [:bzbarsky]]

IE has all sorts of bugs with negative margin handling....

Comment 4

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

*** Bug 199838 has been marked as a duplicate of this bug. ***