At the moment I am trying to fix some errors in a page I inherited from another web designer, one of them is some display differences between firefox and IE. It took a while, but I also managed to get the code to validate. The code can be found at http://winningyouthfootball.com/testimonials2.php Unfortunately, I've gotten it to the point that it will validate, but my main DIV is being cut off by the image footer, and then some of the text appears below it in IE. It also has a gap at the top in IE. I've tried overflow: hidden/auto as well, but all that does is trap the content in. With hidden you can't see anything past the image. With auto, it creates a scroll bar to the side.
That is frustrating. I just noticed i have a similar problem on some of the pages of my site, http://www.natschat.com/forum/, the divs dont display in the correct positioning with IE. Very annoying.
Here is a quick mockup of your page. This works in IE6, IE7, Firefox and Opera. http://www.filesend.net/download.php?f=b8b5c14895564195016e08d7fd1fe301
Thank you Semantic. I realize that at this stage completely re-writing the page, as you have done, is probably the best option. However we have a very particular client who wants things done just precisely a certain way in some areas, so I cannot just replace the code completely, as much as I'd like too.
oh well. I understand your situation. We all have that at some point of time where you can howl and scream about how cool your way is. They will listen and say oh cool but I want it my way nevertheless