I have a menu div on the left and the DMXzone tab in the main div. The tab heading section of the DMXzone tab appears in the right place but the tab graphic at the top extends down to the bottom of the left menu div and the text in the tab starts after that - ie. there is a huge header area before the text. Any suggestions? You can see what I mean at www.cicero.co.uk/english/Adults/Ielts.html

Hello,

This is because of the styling of your #content.

Please change:

#content {
    line-height: 1.4;
    margin: 0 0 0 175px;
    padding: 0 10px 10px 0;
    text-align: left;
}

to:

#content {
    float: right;
    line-height: 1.4;
    padding: 0 10px 10px 0;
    text-align: left;
    width: 630px;
}

I have found this an off problem but if you add

overflow:hidden;

to the CSS for the container of the tabs it is fine