[css-d] need help with abs.pos in IE6

[David Cortesi]

Dear list, I code a Table Of Contents: headings, possibly nested, with 
right-aligned page numbers, using simple CSS positioning; it works in 
every browser except of course, IE6. Here is a test case:

http://www.tassos-oak.com/tempp/TocDivTest.html
Excuse the garish colors used to make element boundaries visible. This 
version uses div's and p's; I started out using nested unsigned lists 
with identical results.

The problem is the absolute-positioned page numbers -- in all but IE6, 
these are positioned at the right edge of their containing list or div. 
In IE6, they are positioned at the right of the body (or html, I don't 
know [or care] which).

This failure is true UNLESS I happen to add the "width:" property to 
the container styles. If the containing div (or list) is styled BOTH 
position:relative AND width:nn%, it properly behaves as a container for 
absolute positioning. Comment-out the width: property -- the page 
numbers shoot out to the right edge.

Problem with this as a workaround is that I don't want to use width; I 
want to nest multiple levels of headings using margin-left/right for 
its simplicity and inheritability. When I try to combine e.g. 
width:100% with margin-left/right, I get into trouble, plus different 
browsers start behaving differently.

Long story short: Is there any OTHER property than width: I can code, 
which will make IE6 treat a container as a container?

Thanks for your patience,
   Dave Cortesi
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/