Height of the box not right

[bp_travis]

Hello there. When I try to make the height of the #main_area CSS attribute of this page: http://www.barkleigh.com/test%20webs...ore_index.html
It doesn't work when I set it to auto, or 100%, it just gets smaller and stays at the top of the page. Thanks

[Centauri]

Make the following change to your css

#main_area{
	background-color:#E4F0DB;
	margin-left:auto;
	margin-right:auto;
	width:710px;
	overflow:hidden;
}

The div will not normally "surround" the contents when the contents are floated, as floating an element takes it out of the document flow. The floats need to be "cleared", either by an additional object at the end of the content with clear:both set, or by using the overflow property on the container as above.

Cheers
Graeme

[bp_travis]

Hello there. It works perfectly in Firefox, IE6, and Safari. It now doesn't center correctly on the page in IE5.2 for mac, but I may be able to fix that and if not, that browser is dated anyway. Thanks.