removeps-groups@yahoo.com wrote:
> On Mar 2, 1:14 pm, Ben C <spams...@spam.eggs> wrote:
>
>> The easiest fix in this case, since you know the width of the float, is
>> just:
>>
>> ul { margin-left: 6em; padding-left: 40px }
>>
>> Appendix D of CSS 2.1 suggests margin-left: 40px for ul, although
>> Firefox uses padding by default. But here we want 40px + 6em, which we
>> can achieve by making one of them margin and the other padding.
>
> Thanks, this works in all 3 browsers -- Firefox, IE, Dreamweaver.
>
> It's interesting that "margin-left: 6em" means from the left of the
> page. I would have thought it meant 6em from the right boundary of
> the left panel. But I guess this way to allow you to put stuff on top
> of each other!

No, you are seeing how margins collapse when floats are involved.

>
>> I should think that might even work in IE.
>
> It does.
>
>> You could also try list-style-position: inside, which makes the bullet
>> an inline box, meaning it goes to the right of the float (that's what
>> inline boxes, but not what block boxes usually, do).
>
> The above not work in any browser. That is, I did
>
> #page ul {
> display: inline;
> }

'display: inline' and 'list-style-position: inside' are not the same thing.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com