Help fixing up code and browser compatibility issues!

Would anyone be willing to help me solve a few code and browser compatibility issues? My site breaks in IE 5.5 and IE 6.0. I'm pretty sure my <div> tags are simply nested improperly or whatnot, but I am hoping someone with better knowledge of coding can help me more clearly identify the problem.

Whatever the issue is, I would like to get it resolved. If IE 5.5 is hopeless, I would like to at least get the IE 6.0 issue taken care of.

The site in question is FFXII US. The problems can be seen in the following two screenshots:
- IE 5.5: http://img32.imageshack.us/img32/3870/ie55.png
- IE 6.0: http://img505.imageshack.us/img505/4886/ie60.png

Take a look at the source code.

Any help will be much appreciated.

Thanks.

 

its your broken button images at the bottom part of your left sidebar that is causing the problem in ie6 probably with ie5 too it makes the left sidebar to be wider than it should be in ie6 that's why it settle at the bottom of your page ...

 

I wish it was that easy, but that is not the reason why. The problem existed long before those images became broken. Besides, they are only 88x31 pixel buttons--they stretch nothing.

Thanks.

 

those broken button isnt 88 x 31 on ie6 it's much wider i remove it and it fix the problem

 

Not sure why they were a bigger width (must be undergoing maintenance), but you're right, removing them brought the left column up to where it should be in IE 6.0. There are still problems, though. The layout doesn't center properly and there is a 1px space between where the header and three columns meet. Look closely and you'll see it.

Any ideas?

I'm assuming IE 5.5 is a lost cause?

 

open your css file http://www.ffxii.us/includes/styles.css

find

#pageWrapper {
	width: 100%;
	margin: 0 auto;
}

Code (markup):

replace with

#pageWrapper {
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}

Code (markup):

find

#topbar2nav {
	width: 100%;
	padding-left: 198px;
	font: 11px Verdana;
	color: #838599;
	line-height: 25px;
}

Code (markup):

replace with

#topbar2nav {
	width: 100%;
	padding-left: 198px;
	font: 11px Verdana;
	color: #838599;
	line-height: 24px;
}

Code (markup):

 

Perfect. Thank you for your help.

Not sure how I didn't notice topbar2nav was at 25px instead of 24px. Oh well. Appreciate it.

Is IE 5.5 impossible?

 

I am Agree with her....