List bullets are inside table which is floated left

The list bullets of a list which follows a table which is floated left, appear inside the table!
Date Created: 11th December 2006
Date Modified: 11th December 2006
Home > CSS > List Bullets

Problem in WebmasterWorld CSS Forum:
http://www.webmasterworld.com/css/3183236.htm

Some Text

Original problem:

Nam egestas lorem non nibh.

 
Some Text

With list-style-position:inside

Nam egestas lorem non nibh.

 
Some Text

All content following the floated table contained within a floated DIV:

Nam egestas lorem non nibh.

 
Some Text

All content following the floated table contained within a floated DIV, but problem (FF/Safari) if content is too wide! Appears below floated table...! (OK in IE6!) Could set a width, but that is not a desirable option in this instance (maybe a percentage?)

Nam egestas lorem non nibh. Phasellus eros est, vestibulum nec, vulputate sed, aliquet at, tortor. Etiam tempor. Nullam fermentum elementum sapien. Proin condimentum pulvinar nunc. Sed augue velit, tincidunt non, interdum quis, ultricies vel, magna. Integer dignissim enim a nulla. Nam vel ligula. Suspendisse nisl. Proin dapibus ultrices lectus. Ut orci velit, laoreet et, vehicula nec, egestas et, sapien.

 
Some Text

Floating just the list, following the floated table:

Nam egestas lorem non nibh.

 
Some Text

The UL has a CLASS applied that adds margin-left to the LI's:

Nam egestas lorem non nibh.

 
Some Text

Using the '~' selector (not IE) to target the UL, instead of using a CLASS:

Nam egestas lorem non nibh.

 

Following the table:

Nam egestas lorem non nibh.

Comment...

The margin-left against the floated table is collapsed in most cases, except on the DIV...?