[css-d] Margins with nested DIVs in FF

[Geoffrey Alan Colbath]

Hey all,

I'm looking for some help with funky margin issues in FF. Amazingly
enough, IE is displaying everything just fine. Here's a link to what I'm
working on:

http://www.id.iit.edu/~colbath/StratCon06/about.html

You can see the div with the "more..." graphic isn't aligning with the
header div. I had to wrap all the little sidebar divs in a container to
solve some other layout issues... and now I'm getting this funky margin.

Here's the CSS I'm currently using:

#sideBarContainer {
        position: absolute;
        top: 100px;
        left: 588px;
        padding: 0 0 0 0;
}

#sideBar {
        width: 117px;
        height: 233px;
        background-color: #d6e03c;
        text-transform: uppercase;
        margin-bottom: 10px;
        position: relative;
}

#sideBarPast {
        width: 117px;
        height: 233px;
        background-color: #78c2cb;
        text-transform: uppercase;
        margin-bottom: 10px;
}

#sideBar2 {
        width: 117px;
        padding: 5px;
        text-transform: uppercase;
        margin-bottom: 10px;
}

#sideBar3 {
        width: 117px;
        background-color: #78c2cb;
        margin-bottom: 10px;
}

#sideBar4 {
        width: 117px;
        padding: 5px;
        text-transform: uppercase;
        background-color: #42382f;
        margin-bottom: 10px;
}


Any insight would be greatly appreciated (I have a feeling there's a
simple solution to this that's just escaping me, but I can't for the
life of me figure it out...)


Thanks!


-=gc=-
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/