Columns not even

[ValleyWeb]

Hi all

I have a page that was created by someone else and I have to work on. It is centered and it has a gutter of sorts on each side that expands to fill the screen.

I cannot get the sides to equal the height of the center in IE or Opera. It looks great in FF and Chrome.

The page is at valleywebnet.com if anyone would like to look at it live. My HTML and CSS both validate at W3.

Here is my CSS

body, td, th {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, serif, sans-serif;
	font-size: 12px;
	color: #565656 }
h1 {
    font-size: 12px;
    color: #FFBC00 }
h2 {
    font-size: 10px;
    color: #0A61CD }    
form {
	padding: 0px;
	margin: 0px }
a {
	color: #565656;
	text-decoration: none }
a:hover {
	text-decoration: underline }
a.under {
	text-decoration: underline }
a.under:hover {
	text-decoration: none }
.t100 {
	height: 100% }
.t-white {
	color: #FFFFFF }   
.t-orange {
	color: #FFBC00 }
.orange1 {
    font-size: 14px;
	text-align: center;
    color: #FFBC00 }    
.t-blue {
	color: #0A61CD }
.blue1 {
    font-size: 12px;
	text-align: left;
	color: #0080FF } 
.blue2 {
    font-size: 14px;
	text-align: left;
	color: #0080FF }
.QandA {
    font-size: 12px;
    color: #534D52; }
    
.t-copy {
	color: #C1C1C1 }
.t-service {
	color: #464545;
	font-size: 10px }
.f-search {
	width: 125px;
	height: 15px;
	font-size: 11px;
	border: 1px solid #474747 }
.f {
	width: 168px;
	height: 15px;
	font-size: 11px;
	border-bottom: 1px solid #D4D0C8;
	border-left: 2px inset #808080;
	border-right: 1px solid #D4D0C8;
	border-top: 2px inset #808080 }
    
.head {
    font-size: 12px;
    font-weight: 600;
	color: #FFBC00 }
    
.indent {
    text-indent: 8px; }

.blueHead {
    font-size: 18px;
	text-align: center;
	color: #0080FF }

The HTML is much longer but I can post it if needed.

Any help/suggestions greatly appreciated and welcome.

Thanks for looking!
Jim

 

[Guthro]

What page is it in question ?
All that I can see via your url seems ok to me in IE8.