I'm working on a site right now:

http://jfcompanies.com/about/vision/

I didn't do the development for it, so I'm a little in the dark as to the underpinnings of the site structure. It seems to display fine in most browsers, but in IE6 it looks like this:

Attachment 1003

Here's the CSS that controls the IE6 display:

Code:
.current_page_item {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='whiteout.png',sizingMethod='scale');}


#header #nav ul {margin:230px 0 0 0; padding:12px 0 10px 0;}
#welcome #header #nav ul {margin:258px 0 0 0;}
#content-area {width:792px; float:left; clear:both; background:#fdf8f0 url(images/right-col-bg.jpg) repeat-y 0 0;}
#content {width:auto; margin:0; padding:25px 0 25px 216px; background:url(images/left-col-bg.gif) repeat-y 0 0;}
#content .clearflash {margin-top:0 !important;}
#left-col ul {margin:13px 1px 0 0;}
	#left-col ul li.current_page_item {background:#fff; filter:alpha(opacity=50);}
/*	#left-col ul li.current_page_item {background:#fff url(images/left-col-bg.gif) repeat-y 0 -6px; filter:alpha(opacity=50);}*/
.drag h4 {height:30px; margin:0; padding:5px 20px !important; font-size:11px;}
.drag table {margin:0 80px; padding:0;}
	.drag table caption {line-height:66px;}
.drag h4 {padding:5px !important;}
.sIFR-active #nav ul li {padding:0 0 0 5px !important;}
As I've looked through things, I can see that the main content is in the #content-area div. Inside that are the #content div (the title and text), and the #left-col ul (the sidebar links). Somehow the #content div seems to get kicked below the sidebar. Any ideas?