I've been using Wordpress to create a site and the theme that I'm using is working great in Firefox, but when I tested it in IE there's some white space that showed up at the bottom that I don't know how to get rid of. I think it has something to do with the CSS code.

Would anyone know of a problem that IE has with the height property in CSS? Is there any way I can fix it?

View it here...
http://www.burchfield.org/bwoc/test

Thanks,
Jeffrey <><

use <div> tag with setting its "WIDTH" property.
your problem will be solved.

happy coding!

*{margin:0;padding:0;list-style:none}

Stick that in your CSS file and see if it solves your problem.

ibbo

The space isn't the only difference between IE and Firefox. The top brown box in FF is only as wide as your content, in IE it's the full width of the screen.

The dropdown menu on the right side of the header section is way over to the right in FF, but more to the left in IE.

Needless to say, IE has all kinds of problems.

This code, which is missing a value for left, puts a 160px bottom margin in the bottom box:
#wp-content-bottom {
background: #d7b48c;
height: 5em;
margin: 10px 11px 160px; (top right bottom.. need value for left !)
Because you have not cleared the float after you closed #wp-content-bottom, and because IE has a broken box model, IE 'shrinkwraps' the contents of the bottom div, THEN adds 160px bottom margin. FF, w/o clearing the float, is NOT 'shrinkwrapping' the bottom div and applying the 160px margin to a very shorten box. If you clear the floats after the bottom div, you'll see FF apply the same 160px bottom margin in the same place as IE does.

There are several methods for clearing floats:
http://css-discuss.incutio.com/?page=ClearingSpace