Hi,

I've had a look at your skin files, and the reason you're getting the bckground across the top is beacuse you're using the same CSS class; "shadow_top_center" for the top of the skin and the top of your containers. When you add a container, you're linking to the CSS file for them and this is creating the effect you see. To remedy this you'll need to give the containers, or the top of the skin a new CSS class. This is the same reason you're getting a the grey strip on the left of the containers (this is in fact the shaddow image you've used within your skin). It's good practice to give all your containers unique CSS classes, this will help prevent the issues you're experiencing.

Regarding the white text try using the following "rootmenuitem TD" in you CSS, you've got color settings for all TD elements of #000000 which are overriding the rootmenuitem settings.

And for the titles use the .Head class as this is the default class added to all [TITLE]s. Best practice here though is to add a unique CSS class to this in the skin.xml file, or add a class to a wrapper on your containers so you can target just the .Head element of your containers, example below:

<div class="containerwrapper">
[TITLE]
[CONTENPANE]
</div>

.containerwrapper .Head{
color:#fff;
}

Hope this helps.

Rick.

I had seen this issue as well, and figured out the logo was too tall and the float of the left pane was being pushed up against this. Try adding a clearing <div> above the pane layout or clearing the left float on the left (clear:left;).

Let me know how it goes.

Rick.