IE6 box model issues i think...

[Siebird]

Hi everyone -

I have completed this project I have been working on, and haven't had the chance to debug in IE6. So I'm sitting here after work b/c this is the only place where I can test it in IE6. I know you should test as you go along, I just haven't had the opportunity to do so with IE6. Can someone help me on fixing this so it renders correctly. I have been trying to do so, and haven't had any luck. This will be very much appreciated if you could.

I believe this is really the only parts of the css you'll need but I will also put direct links to the sources below.

two-column.css

#html_content_2_column {
	position: relative;
	width: 860px;
	height: auto;
	background: url(../layout/two-column-bg.gif) repeat-y;
}

#html_content_2_column_left {
	position: relative;
	margin: 0;
	float: left;
	width: 567px;
	/* hack: Gets mozilla to show it even if it is empty */
	padding-top: -1px;
	padding-bottom: 1px;
	/* end hack */
	height: auto;
	border-left: 10px solid #FFF;
  	background-color: #333;
}

#html_content_2_column_right {
	position: relative;
	margin: 0;
	padding: 0;
	float: right;
	width: 272px;
	height: auto;
	border-left: 1px dotted #3F0;
	border-right: 10px solid #FFF;
  	background-color: #333;
}

http://apex.siebird.com
http://http://apex.siebird.com/css/home.css

[Kravvitz]

I suggest you read Internet Explorer and the Expanding Box Problem.

Please fix your XHTML and (non-pseudo-class related) CSS errors.

I also recommend that you read these:
http://developer.mozilla.org/en/docs...HTML_Documents
http://www.456bereastreet.com/archiv...html_properly/
http://www.hixie.ch/advocacy/xhtml