Here is the CSS:

*********************************************************************************
body {
text-align: center;
padding: 0;
margin: 50px 0;
font: 10pt Arial, Verdana Helvetica, sans-serif;
color: #666;
}

h1, h2, h3, h4,
ul, li {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
color: #666;
}

a:hover {
color: #c30;
}

hr {
border: #c30 2px solid;
background-color: #c30;
display: block;
height: 3px;
margin-bottom: 20px;
}

#wrapper {
border-top: 1px #C30 solid;
border-bottom: 3px #C30 solid;
text-align: left;
width: 800px;
margin: 0 auto;
padding: 0;
}

/* --------------------- Head section */
div#hed {
padding: 2px 0 0 0;
width: 800px;
height: 86px;
}

div#hed h1 {
height: 84px;
width: 292px;
float: left;
background: url(cssimg/logo.jpg) 25px 25px no-repeat;
}

div#hed h1 a {
display: block;
height: 83px;
width: 292px;
text-decoration: none;
}

div#hed ul.nav {
line-height: 15pt;
list-style-type: square;
color: #CCC;
background: url(cssimg/navbckgrnd.jpg) top right no-repeat;
width: 199px;
height: 84px;
float: left;
display: block;
margin-right: 2px;
}

div#hed ul.nav li {
padding: 0;
margin: 0;
width: 75px;
height: 20px;
}

div#hed ul.nav li a {
display: block;
text-decoration: none;
width: 75px;
}

li.portfolio {
background: url(cssimg/nav.jpg) 0px 0px no-repeat;
}
li.solutions {
background: url(cssimg/nav.jpg) 0px -23px no-repeat;
}
li.contact {
background: url(cssimg/nav.jpg) 0px -45px no-repeat;
}
li.about {
background: url(cssimg/nav.jpg) 0px -67px no-repeat;
}

a#portfolio:hover {
background: url(cssimg/nav.jpg) -87px 0px no-repeat;
height: 15px;
}
a#solutions:hover {
background: url(cssimg/nav.jpg) -87px -23px no-repeat;
height: 15px;
}
a#contact:hover {
background: url(cssimg/nav.jpg) -87px -45px no-repeat;
height: 15px;
}
a#about:hover {
background: url(cssimg/nav.jpg) -87px -67px no-repeat;
height: 15px;
}

div#hed div.tagline {
float: left;
width: 306px;
background: #c30 url(cssimg/tagline.jpg) 7px 35px no-repeat;
height: 84px;
}

#content {
font-size: 0.7em;
padding: 6px 0 0 0;
border-top: 1px #c30 solid;
clear: both;
}

#content .sidebar {
float: left;
width: 255px;
height: 334px;
background: url(images/block_walker.jpg) 0 0 no-repeat;
}

div.contentsub {
float: left;
width: 540px;
}

div.contentsub h2 {
color: #c60;
margin: 30px 0 30px 20px;
font-size: 2.1em;
clear: both;
}

div.contentsub h3,
div.rightcol h3,
div.leftcol h3 {
color: #333;
text-transform: uppercase;
font-size: 1.2em;
clear: both;
}

div.subtab, div.subtab2, div.subtab3 {
background: url(cssimg/widget.jpg) 8px 0 no-repeat;
}

a.moreinfo {
height: 13px;
display: block;
background: url(cssimg/more.jpg) 0 0 no-repeat;
}

a.moreinfo:hover {
height: 13px;
display: block;
background: url(cssimg/more.jpg) 0 -12px no-repeat;
}

div.subtab {
padding: 10px;
float: right;
width: 158px;
margin: 0;
}

div.subtab2 {
border-left: #c30 1px solid;
border-right: #c30 1px solid;
padding: 10px;
float: right;
width: 160px;
margin: 0;
}

div.subtab3 {
padding: 10px;
}

div.subtab p,
div.subtab2 p {
padding-bottom: 20px;
border-bottom: #c30 1px solid;
}

div.subtab3 p {
width: 300px;
}

div.subtab a,
div.subtab2 a {
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
}

div.content2 {
background: url(cssimg/cntnt2_tile.jpg) 0 0 repeat-x;
padding-top: 40px;
width: 520px;
margin: 10px;
border-top: #c30 7px solid;
clear: both;
}

div.content3 {
background: url(cssimg/cntnt2_tile.jpg) 0 0 repeat-x;
padding-top: 50px;
border-top: #c30 7px solid;
}

div.content3 div.rightcol {
float: left;
width: 550px;
background: url(cssimg/blocks.jpg) bottom right no-repeat;
border-left: 1px #c30 solid;
padding: 0 0 0 15px;
}

div.content3 div.leftcol {
float: left;
padding: 0 10px;
margin: 0 15px 0 0;
width: 180px;
}

div.content3 div.leftcol ul {
list-style: none;
line-height: 1.7em;
}

div.content3 div.leftcol ul li a {
color: #c30;
text-decoration: underline;
}

div.content3 div.leftcol ul li a:hover {
color: #666;
text-decoration: underline;
}

#footer {
padding: 30px 10px 10px 10px;
height: 20px;
margin-top: 10px;
clear: both;
font-size: 0.8em;
}

div#footer div.inner {
background: url(cssimg/logo_smll.jpg) 0 0 no-repeat;
height: 20px;
width: 200px;
padding-left: 30px;
float: left;
}

div#footer span {
width: 400px;
float: right;
}

div#footer span a {
padding: 0 7px;
}

Xpanxion,

So let me get this straight, you want the page to render like it is right now in IE7 correct? If so I will try to help this. Have you validated your markup and CSS to make sure you don't have an underlying problem with either one of those before you attempted a code review?

Alright, well I have downloaded the website to my work machine here and currently got it into a format I can read it. At first glance I think you closed your content wrapper container to early, but I may be mistaken. With the scroll-bar issue I do believe IE is the only one who supports changing the scroll bar in the first place and it will be partial reason to validation failure. I will remove it from the code, and work into getting a working design across browsers for you. I am a Web Dev for Finish Line Inc shoes and currently pretty slow right now in the department so I have some time to help you out.

When we first ran the XHTML verification it threw an error that we had an extraneous </div> tag. I deleted it right where you said (no need to add another as it was extra) but it didn't make any difference.

Well to me it still looks like you have closed your wrapper div before you should have....are you developing in firefox?...

If so download the firebug extension, its a great tool for development. You can inspect your page and see where your divs are all located and according to firebug it is saying you closed the wrapper right after the USEFUL Links, and Portfolio. heres what i might suggest...print the source code for that page and go through and match with a highlighter or pen where each div is closed, its a lot easier to find the div that i believe is causing part of the wrapper problem.

Print and highlight showed all the tags in the right place, as does DW...

jriddle:

Thanks, I like your idea of putting the border in the footer instead - makes sense. Wrapping the footer in that case works better also. I really appreciate it!!!!!!

Still not sure why I couldn't get the other way to work, but it won't be my first unsolved CSS mystery.