Content overlapping footer!

Hi Max,

The element containing your content on the homepage has a fixed height on it. Showing you open div tags just so you can see where it is (each div I’m showing you is inside the previous one):

<div id="art-main"><br />
<div class="art-box art-sheet"><br />
<div class="art-box-body art-sheet-body"><br />
<div class="art-layout-wrapper"><br />
<div class="art-content-layout"><br />
<div class="art-content-layout-row"><br />
<div class="art-layout-cell art-content" style="height: 547px;"><br />

thank you so much

ugh its haunting me, I’ve bee through the whole CSS and cant locate this item

Sorry, I should have been a little more specific. The height is there on the div itself – this is “inline styling”, so it won’t be in the stylesheet. It’s probably being set by a JavaScript function which is trying to work out the height of the page dynamically, and then fix the div at that height (for some odd reason I can’t fathom).

If that’s the case, it’s hard for me to diagnose in Firebug as the resizing will be done on page load. Try putting an overflow hidden on that div, and let me know what happens. So:

.art-layout-cell { overflow: hidden; }

Hmm it hid the content behind the footer now but it is close. Now the footer is visible.