Hi, there,

I developed a blog using wordpress. Click here to see the blog.. If you guys inspect the element using firebug you can see the height of main div, which is the white background frame with rounded corners behind the content, is set to a fixed value.:
Code:
#main {
	clear: both;
/*	overflow: hidden;*/
	padding: 40px 0 0 0;
	margin: 0 5px; 
	background-color: #ffffff;
	-moz-border-radius: 20px;
	border-radius: 20px;
	height: 11300px;
	/* -moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 5px#888;
	box-shadow: 0 0 3px 3px #888; */
}
I have to do that because if the "overflow: hidden" is commented out then the height of main div doesn't expand with the content. But I really need to set overflow as visible in order to show the entire date labels which extend out of main div.

Why did this happen? Since the main div is parent of the content div, isn't the height supposed to expand with the length of content regardless of the setting of overflow?

Please help! I really need to have it fixed asap. Thank you in advance!