226538 - List-item Marker Encroaches into Margin of Adjacent Block Floated Left

Status: RESOLVED DUPLICATE of bug 57882

(Core :: Layout: Block and Inline, defect)

Description

[David E. Ross]

User-Agent:       Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.5) Gecko/20031007
Build Identifier: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.5) Gecko/20031007

If a list <ul> or <ol> appears in the main body of HTML adjacent to a block that
has style { float: left }, the list markers encroach into the right margin of
that adjacent block.  

Reproducible: Always

Steps to Reproduce:
See the HTML of the cited URL.  
Actual Results:  
Without allowing an extra margin-right on the floated block, the list markers
appear within or on the edge of the adjacent block.  The list text then aligns
with text outside the list.  

Expected Results:  
List markers should be indented with respect to other body elements adjacent to
the floated block.  List text should then be further indented.  

Since the block that is floated left has a 1em margin-right, nothing in the body
should appear within 1em of the white area.  

I specified monospaced font for the test page to facilitate viewing character
alignments relative to margins and padding.  

A workaround is to increase the margin-right of the floated block.  However,
this still leaves the list items misaligned with respect to surrounding
elements.  Changing the margin-left of the list items will not work without
prior knowledge whether those items will always position adjacent to a
left-floated block for all users under all browsers.

Comment 1

[Boris Zbarsky [:bzbarsky]]

*** This bug has been marked as a duplicate of 57882 ***