[DaveMC]

I'm trying to learn using <div> and CSS for positioning instead of tables.

The only problem I'm running into so far is this. I'm trying to add a footer to the page and trying to position it at the bottom, but it's coming up in the middle of (or more exact, behind) my other div's.

You can see the site here --> follow me

And here's the excerpt from my CSS file that has to do with all the positioning...

/* All the content boxes belong to the content class. */
.container {
    position: relative;
    width: 750px;
    align: center;
}

.logocontainer {
    margin: 30px 0px 25px 0px;
    padding: 10px;
    border-top: 3px solid #cc0000;
    border-bottom: 3px solid #cc0000;
}

.content {
    position: absolute;
    width: 400px;
    top: 140px;
    left: 160px;
    right: 300px;
    border: 1px solid #cc0000;
}

#navleft {
    position: absolute;
    width: 140px;
    top: 140px;
    left: 0px;
    border: 0px solid #cc0000;
    z-index: 2;
}

#navright {
    position: absolute;
    width: 170px;
    top: 140px;
    right: 0px;
    z-index: 1;
}

#footer {
    clear: both;
}

Can anyone give me any suggestions as to what's wrong with the footer ID?

TIA...

[magma]

I was going to tell you to set the position as for the other boxes... but you've already done it!

[DaveMC]

It's been done in a bs-manner...

Temporarily... but it's not going to expand as the other div's expand.... i've still got to find the real solution to the problem...