Gap between store header and three column scriplett

[pizzaovens1]

after editing the three column scriplett we now have a gap between our store header and the body of the page.

how can i eliminate this gap?
http://98.129.12.138/pizzaovens/Default.aspx


three column scriplett:

Code: Select all

<p>[[layout:header]]</p><div id="outerContentWrapper"><div id="innerContentWrapper" style="width: 960px; height: auto"><table id="contentLayout" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td id="leftSidebarPanel" valign="top" align="center">[[layout:sidebar]]</td>
            <td id="mainPanel" valign="top" align="center">[[layout:content]]</td>
            <td id="rightSidebarPanel" valign="top" align="center">[[layout:sidebar2]]</td>
        </tr>
    </tbody>
</table>
</div>
[[layout:footer]]</div>

[Road Rider]

I am not seeing a gap. Notice how the top of the "top sellers" header and "categories" header meet up flush with the actual header.

If you are referring to the bit of white space above the main panel it is in the design of the main panel.

Make sense?

[mazhar]

It seems like a IE only problem. Give a try and remove the paragraph tag which is around the header.

Code: Select all

<p>[[layout:header]]</p>

and make it look like

Code: Select all

[[layout:header]]

[pizzaovens1]

yeah, forgot to mention that it was an IE problem only.
alas, the <p> marks where the problem.
thanks for your help guys.