Problem with IE6, but not Firefox

[karatekid36]

In the rendered browser page, more specifically, the #wood_main div, the three paragraphs sit too high in IE6, but just fine in FF.  Can anyone help me out?  I had to fix some other problems and when I got to this I think my mind was spent.  Any help would be greatly appreciated.  If you need any other info, feel free to ask. Thank you.

 

 

body{
font: 1em Georgia, "Times New Roman", Times, serif;
}
#topbar {
margin: 0px;
padding: 0px;
background: url(images/top_bar.gif) repeat-x;
height: 30px;
}
#wrapper {
margin: 0px auto;
width: 860px;
overflow: auto;
}
#wrapper #header {
height: 87px;
}
#home #wrapper #wood_main {
}
#wrapper #header #left_header {
background: url(images/header.gif) no-repeat;
height: 87px;
width: 620px;
float: left;
}
#home #wrapper #header #nav {
}
ul#menu{
list-style: none;
}
ul#menu li {
	display: inline;
}
ul#menu li a {
	text-indent: -9999px;
	display: block;
	height: 87px;
	float: left;
	}
	ul#menu li a.home {
		background: url(images/home.png) no-repeat top center;
		width: 60px;
	}

	ul#menu li a.artist {
		background: url(images/artist.png) no-repeat top center;
		width: 43px;
	}
	ul#menu li a.work {
		background: url(images/work.png) no-repeat top center;
		width: 55px;
	}
	ul#menu li a.contact {
		background: url(images/contact.png) no-repeat top center;
		width: 72px;
	}
	ul#menu li a.home:hover,
	ul#menu li a.artist:hover,
	ul#menu li a.work:hover,
	ul#menu li a.contact:hover {
		background-position: center center;	
	}
	body#home ul#menu li a.home {
		background-position: bottom center;
	}

#home #wrapper #wood_main {
background: url(images/wood_main_bg.gif) no-repeat;
height: 177px;
width: 860px;
font-size: 0.875em;
color: #FFFFFF;
}
#home #wrapper #wood_main #wood_left,
#home #wrapper #wood_main #wood_middle,
#home #wrapper #wood_main #wood_right {
width: 256.67px;
float: left;
padding: 0 0 0 20px;
height: 100%;
}
#home #wrapper #wood_main h2 {
font-size: 1.25em;
font-weight: bold;
letter-spacing: 1px;
}
#home #wrapper #wood_main p {
font-size: .875em;
font-weight: lighter;
text-align: justify;
}
#home #wrapper #content {
}
#home #wrapper #content #main_col {
width: 500px;
float: left;
}
#home #wrapper #content .heading1 {
font-size: 1.5em;
border-bottom: thin solid #999999;
font-weight: lighter;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 0px;
}
#home #wrapper #content .heading2 {
font-size: 1.125em;
border-bottom: thin solid #999999;
font-weight: lighter;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 0px;
}
#home #wrapper #content #main_col .main_content {
font-size: 0.875em;
text-align: justify;
line-height: 1.2em;
margin-top: 0px;
padding-top: 0px;
font-weight: lighter;
}
#home #wrapper #content .oldent {
float: left;
font-size: .875em;
}
#home #wrapper #content .newent {
float: right;
font-size: .875em;	
}
#home #wrapper #content #sec_col {
width: 300px;
float: right;
margin-right: 10px;
}
#home #wrapper #content #sec_col .sec_content {
font-size: .75em;
text-align: justify;
line-height: 1.2em;
margin-top: 5px;
padding-top: 0px;
}
#home #wrapper #content #sec_col img {
border: 2px solid #999999;
}
#home #wrapper #footer {
clear: both;
background: url(images/tree_footer.gif) no-repeat;
height: 94px;
width: 860px;
padding-top: 20px;
}
#home #wrapper #footer #left_footer {
float: left;
}
#home #wrapper #footer #right_footer {
float: right;
}
#home #wrapper #footer p {
font-size: .75em;
padding: 0px;
margin: 0px;	
}
#home #wrapper #footer .grey {
color: #999999;	
}
#home #wrapper #footer .grey a {
text-decoration: none;
color: #999999;	
}
#home #wrapper #footer .bottom_text a {
text-decoration: underline;
color: #000;	
}
#home #wrapper #footer .bottom_text a,
#home #wrapper #footer .bottom_text {
font-weight: normal;	
}

#bottombar {
margin: 0px;
padding: 0px;
background: url(images/top_bar.gif) repeat-x;
height: 30px;
}

[haku]

You can create a separate stylesheet for IE using conditional comments to fix any discrepancies between browsers.

[karatekid36]

I agree, but something tells me that this issue may not require conditional comments.  Something with the margin or the padding in the div's that I am unable to see is causing the problem I think.  I am just looking for another set of eyes to help find the issue.

[haku]

Post a link then, and maybe someone can help you. 'too high' is not enough of a description of the problem to know what you are speaking of.