Hi Bo,
nearly as I thought: the table that has the upper image as background is not high enough to show the complete image. The lower image is the background image of the <td class="TopRow1"> which is the container cell for that table. While the height of the container cell is set to 215px in the skin.css, the inner table has no fixed height, so its background image is cropped and leaves the background image of the container cell partly visible.
Solution: give the inner table the same height as the container cell:
<table height="215" width="100%" cellpadding="0" cellspacing="0" style="background-image:url('<%= SkinPath & PortalSettings.ActiveTab.TabName %>BG.jpg')" align="center" align="top">
I don't know if you need the lower image at all. If you want it as default background for those tabs that don't have their own background, I would do it as in line 65 of my earlier example:
Use css class .TopRow1 as default class for the container cell, and assign a second, tab specific class, that (if it exists) overrides the default:
<td class="TopRow1 TopRow1<%= PortalSettings.ActiveTab.TabName %>" valign ="top">
<table width="100%" cellpadding="0" cellspacing="0" style="background-image:url('<%= SkinPath & PortalSettings.ActiveTab.TabName %>BG.jpg')" align="center" align="top">
(...)
And in skin.css:
.TopRow1 {
background: url(images/ThomasBG.jpg) no-repeat top center;
(...)
}
.TopRow1Soren {
background-image: url(images/SorenBG.jpg)
}