CSS query

[TheShortStack]

I'm trying to contstruct a table with CSS.

Here's what I've got so far:

.tabledescmain{
    height:25px;
    background:url(images/tablecont.gif) no-repeat 0 0;
    color:#fff;
    font:bold 12px/25px Tahoma;
    position:relative;
}
.ts1{
    position:absolute;top:0;
    left:15px;
}

.ts2{
    position:absolute;top:0;
    left:241px;
}

.ts3{
    position:absolute;top:0;
    left:551px;
}
.tboxdesc{
    background: url(images/tbox.gif);
    height:27px;
    position:relative;
    font: 13px/24px Tahoma;
    color:#00285e;
    width:720px;

    
} 

So far, it's all good:

tabledescmain - Calls in the background image for the header of the table
ts1,ts2,ts3 - Format the text in the header row
tboxdesc - The main content of the table which appears immediately under the header.

Now my problem is that I want to include one more div which will style the CTA differently to the rest of the main content.

However, when I add this <div> into my HTML code, the content appears behind my general content at the top of the table.

Can anyone see any reason for this? How do Imake it appear underneath my main content, in the order in which it appears in my HTML?

Much appreciate your help

[MPC]

.

[MPC]

I can help. (no... really! lol) I just need to ask a few questions. I've added you on MSN.