[thelist] css problems

[Rob Schumann]

Hi,

I may be trying the impossible... but that's an aside at the moment...

I have 3 <div>'s

<div id="maincontent">
    <div id="leftcolumn">
        <p>Blah blah blah...</p>
    </div>
    <div id="rightcolumn">
        <h2>This is a main header</h2>
        <p>Blah blah blah...</p>
        <p>Blah blah blah...</p>
        <p>Blah blah blah...</p>
        <p>Blah blah blah...</p>
    </div>
</div>

These are setup to be:

#maincontent
    {
        position:           relative;
        margin:             0em 0em 1.5em 0em;
        width:              600px;
        background-color:   #aaa;
    }
#leftcolumn
    {
        position:           relative;
        top:                0px;
        left:               0px;
        width:              200px;
        background-color:   #aaa;
    }
#rightcolumn
    {
        position:           absolute;
        top:                0px;
        left:               200px;
        right:              0px;
        width:              400px;
        background-color:   #999;
    }

These are themselves contained within a <div id="wrapper"> defined as (the border spec here is to get NN4 to work as intended):

#wrapper
    {
        position:           absolute;
        top:                82px;
        width:              600px;
        margin:             0em 10% 0em 10%;
        padding:            0em;
        border:             3px double #33c;
        border-top-width:   0px;
        border-bottom-width:    0px;
    }

Refined (in the @import stylesheet) as:

#wrapper
    {
        position:           relative;
        top:                59px;
        width:              600px;
        margin-left:        auto;
        margin-right:       auto;
    }


I have several difficulties, but the most annoying one is the vanishing bottom of the #rightcolumn (definitely if there is long multi-paragraph text inside it) in Mozilla 1.1 and Chimera. Seems to miss about 1-2 lines of text and the bottom padding. This div is OK in IE5(Mac).

Is this vanishing bottom of an absolute positioned <div> in Moz1.1 known about? Can anyone offer an explanation... it's got me stumped, but is as nothing to the strangeness in NN4 with #leftcolumn... actually, with the inner relative positioned div, but that's another email... :O/

Thanks in advance


Rob