IE Header Disconnected from sidebar/content

HTML & CSS
1

When using IE 8/9 on our site <snip/> the header is slightly disconnected from the sidebar and the content div. Does anyone know how to fix this?

Here is my CSS for the site:


#header {
	/*background: #438a48;*/
    width: 100%;
    /*height: 163px;
    clear: both;*/
}
#sidebar {
	top: 0;
	font-family: arial;
	font-size: 12px;
    background: #ffffff;
    float: left;
    width: 25%;
    list-style-type: none;
    /*height: 100%;*/
    text-indent: 10px;
    /*overflow: hidden;*/
}
#content {
    background: #ffffff;
    float: right;
    width: 75%;
    /*height: 100%;*/
}

The commented out portions are efforts I made to try to solve the problem.

The other problem (any browser) is that I need sidebar and content to always extend to the footer in the event that one is doesn’t have enough content in it to extend down. For example if content has a long article in it then sidebar will not extend to the footer and vice versa in the event of a short article. The black is from wrapper’s background color.

Thanks in advance!

2

Welcome to Sitepoint.

Lacking DOCTYPE, html and body elements means your page is not properly formed. Browsers have different ways of coping with malformed documents so add these and see what results.

3

Thanks so much for pointing that out. I actually knew better than to omit the doctype but did it anyway! Sigh, that fixed it, thanks again.