If I sit the #backnav div outside the #wrapper and use absolute positioning then it would be removed from the flow right? Then I would just add some padding to first element in the #contents wrapper to account for collisions.

Code CSS:
#backnav ul {
    position:absolute;
    top: 0;
    right: 50px;
    margin: 0;
    color: #ddd;
    background: #333;
    height: 24px;
    padding: 0 8px;
}
 
#searchwrapper {
    min-height: 76px;
    padding-top: 24px;
}

That should fix that 100% height issue shouldn't it? The problem now is the #footer still sits below the fold, adding a negative top margin doesn't seem to do anything at all. Any ideas?




Quote Originally Posted by deathshadow60 View Post
You do know how MASSIVE 36pt is on a 120dpi system, right? (specifically that's the same as saying font-size:60px for lf/120, and font-size:48px for sf/96). Also, you seem to be specifying px heights on things with default or pt measurements -- that's just BEGGING for it to break before we even TALK layout.
This h1 is intended to be an image in the future, but thanks, I'll take this into account - I haven't considered the varying dpi's on modern systems.