css content shifted down the page

[CraigR]

I have a fixed 2 column layout (left sidebar & content divs), which seems ok with static content.

I created a page which uses an ajax table in the content div, but here, everything is shifted down to below the text in the sidebar.

If I reduce the sidebar text, the content shifts up accordingly.

Tried finding the problem with firebug, but can’t figure it out.

http://www.test3.forthwebsolutions.com/contact_list.php

Grateful for any advice

[Jason Byrnes]

in CSSSculptor/2ColumnFixedHeaderandFixedFooter_Culfordppa_css/screen.css, change:
#outerWrapper #contentWrapper #content {
margin: 0 0 0 237px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
padding: 13px 13px 13px 13px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}


to:
#outerWrapper #contentWrapper #content {
margin: 0 0 0 237px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
padding: 13px 13px 13px 13px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
overflow: hidden;
}

[CraigR]

thanks for the reply Jason

that kinda works, in that the table content is no longer moved down the page, but now the table width is reduced significantly

*update*

page displays fine in FF and IE9, only in chrome is the table width reduced

[Jason Byrnes]

the problem is that the table is wider than the content area.

you will either need to make the table narrower, or the content area wider.

making the content area wider would mean recreating the css layout and editing the width of the content area.