Header menu not displaying correctly in ie8

So I had to force compatibility mode for ie8 because it won't correctly display my header menu. I can figure out why.. Anyone have some insight on this? My link is in my sig.

Also I have a google checkout link that is included in my footer that won't pass w3c validation. If anyone knows how to fix that as well...

Thanks

 

This might help :

.header_t1 .row1 .col2 { width:575px; }

 

it is not set to 575 its at auto... here is what I have

is what it is set to.. as well as

.main_t{width:980px; margin:auto; text-align:left;}
.header_t1{background:url(../images/top_talling1.gif) repeat-x left top;}
.header_t1 .row1{height:89px; background:url(../images/header_bg1.gif) no-repeat right top;}
.header_t1 .row1 .col1{width:auto; float:left;}
.header_t1 .row1 .col2{width:auto; float:right;}
.header_t1 .row1 .col2 .r1{height:48px;}
.header_t1 .row1 .col2 .r2{height:auto; background:url(../images/header_bg3.gif) repeat-x left top;}
.header_t1 .row1 .col2 .r2 .inner1{background:url(../images/header_bg2.gif) no-repeat left top; width:100%;}
.header_t1 .row1 .col2 .r2 .inner2{background:url(../images/header_bg4.gif) no-repeat right top; width:100%; height:41px;}
.header_t1 .row1 .col2 .r2 .inner2 .col1{width:186px; float:right; background:url(../images/header_bg6.gif) no-repeat left top;}
.header_t1 .row1 .col2 .r2 .inner2 .col1 .indent{padding:14px 0 11px 59px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.header_t1 .row1 .col2 .r2 .inner2 .col1 .indent a{ color:#ffffff; text-decoration:none;}
.header_t1 .row1 .col2 .r2 .inner2 .col1 .indent a:hover{text-decoration:underline;}
.header_t1 .row1 .col2 .r2 .inner2 .col2{width:auto; float:right;}
.header_t1 .row1 .col2 .r2 .inner2 .col2 .indent{padding:13px 18px 0 3px;}
.header_t1 .row1 .col2 .r2 .inner2 .col2 .indent img{margin-right:2px;}
.header_t1 .row1 .col2 .r2 .inner2 .col3{width:99px; float:right; background:url(../images/header_bg7.gif) no-repeat 0px 11px;}
.header_t1 .row1 .col2 .r2 .inner2 .col3 .indent{padding:14px 0 11px 5px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right}
.header_t1 .row1 .col2 .r2 .inner2 .col4{width:110px; float:right;}
.header_t1 .row1 .col2 .r2 .inner2 .col4 select{width:86px; height:21px; background:#263f12; border:solid 1px #186807; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 0 0 0;}
.header_t1 .row1 .col2 .r2 .inner2 .col4 .indent{padding:10px 0 0 4px;}
.header_t1 .row1 .col2 .r2 .inner2 .col5{width:107px; float:right;}
.header_t1 .row1 .col2 .r2 .inner2 .col5 .indent{padding:14px 0 11px 0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right}

Code (markup):

It displays perfectly in all browsers except for IE8 does Ie8 not like the "auto"

 

Yes i can see it is set to auto & not working only in IE8. What i am suggesting is you try setting a definite width, in this case 575 pixels.

 

Awesome that did it. I'd ask why Ie8 doesn't like that, but every browser release they have seems to need special tweaks... o well. Thanks for the help. Love this forum!

 

Now just need to figure out why the google link doesnt validate

 

Could you try to replace the & with & in the below line? It appears twice

<script src='https://checkout.google.com/buttons/logos?merchant_id=739318496165395&loc=en_US&f=png' ></script>

 

That seemed to help now only 9 errors left!