Many, many thanks. That solved it immediately, as you can see if
you go back to http://artsci.wustl.edu/~jkatz/links.d/topborder.html
where I added it as another test case.
Lilly
> [EMAIL PROTECTED] wrote:
>> Please look at
>> http://artsci.wustl.edu/~jkatz/links.d/topborder.html
>> with css at
>> http://artsci.wustl.edu/~jkatz/links.d/topborder.css
>>
>> On Netscape 7.1 each of the horizontal lists look the same
>> and as I expect.
>> On IE 6.0 when the width of the DIV enclosing the list has
>> a specified width the *top* borders and padding are cut off.
>>
>> Code validates for HTML and CSS.
>> Any thoughts as to what's going on?
>
> Lilly, nice test page.
>
> IE is in quirks mode. In standards mode (with a dtd [2]), the second
> test without a width the /bottom/ borders and padding are cut off too.
>
> I'm not shure, but this bug reminds me of the Border Chaos by Jonathan
> McLean
> http://positioniseverything.net/explorer/border-chaos.html
>
> But you are producing the bug in a much clearer situation, so maybe
> there are other opinions.
>
> The workaround is the same: apply
>
> ul {position:relative;}
>
> The problem is: when this ul itself gets a width or a height
> (haslayout=True) [1], the bug recycles, and worse. Strange as always.
>
>> It could be that I don't really understand about the heights
>> of inline elements. Meyer's "Definitive Guide" has explanation
>> but I don't follow what happens when a <A> element (in-line -right?)
>> is inside another inline element (as that what the horizontal LI is?)
>
> I'm pretty shure that Firefox and Opera are right in showing all borders
> you have specified, but I always have difficulties with that inline boxes.
>
> Another example:
> .outer {background: green; }
> .inner {background: red; padding: 1em; border: 1px solid black;}
>
> <span class="outer"> outer <span class="inner"> inner </span></span>
>
> should let stick the red out of the green, and Fx and Opera do confirm.
>
> But not in IE: the green is expanded by the red.
>
> Now, when this outer span gets "layout"
> (in Quirks mode, with a width, in standards mode, via zoom:1)
>
> .outer {background: green; zoom:1}
> .inner {background: red; padding: 1em; border: 1px solid black;}
>
> The red inner span is cut off.
>
> But when you add position:relative to the inner span
>
> .outer {background: green; zoom:1}
> .inner {background: red; padding: 1em; border: 1px solid black;}
>
> The inner span is complete.
>
>
> regards, Ingo
>
> [1] http://www.satzansatz.de/cssd/onhavinglayout.html
> [2] like
> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd";>
>
______________________________________________________________________
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/
