So I finished working on this site, had it looking good in both FF and IE6. Then Microsoft puts out the updater for IE7 and I'm getting a problem on two of my pages.
Here's the site http://its2cool.com; the pages I'm having problems with are "movie screens" > "inflatable screens" and "movie screens" > "photos".
The first one is the biggest problem. Under inflatable screens everything gets pushed around funny and the content winds up in one long thin block going down with the image hanging out way off the intended placement in IE7.
My mind has officially fried with IE fixes and I'm just too frustrated to think through this clearly. Does anyone know what is causing this?
You need to validate your
You need to validate your pages. You've got style tags in your body, you're missing a closing body tag and you've got table cells in your header but no opening or closing table tags.
Sorry about that, I forgot
Sorry about that, I forgot to mention that I'm using includes for both my header (for the top nav) and the footer (for bottom nav).
when you view page source it shows all the code from all the files. I didn't realize that was going to invalidate my code. I went and cleaned out all the excess from the header and footer includes. In the process I found the problem with IE7. It was reading the height funny that I had set for some reason. I removed that and now everything is showing up fine.