Running out of hair to pull! Please help :(

I am running into a problem with how IE is handling the stretching of my page. In firefox, it works perfectly. However, with IE, it wants to make it too wide and require scrolling. In firefox, I can make the page pretty small before it needs to use a scrollbar, and I cannot figure out where I am going wrong. I've spent the last 2 hours going over my code multiple times trying to figure out what my problem is and I am simply baffled.

If anyone can help figure out how to fix this, I would REALLY appreciate it.

http://brent.diamondeng.net/KirstiMaki/

Thanks in advance

I would set width and height for every image you have in there including spacer.gifs.
That might just clear up the problem... however if it doesn't you will be able to add up all your images across(horizontally) and they will probably be too wide for 1024px.

I can't figure it out because some of your images do not have widths...

If you hit control-A and highlight everything, you can see that it is not because the images are butting up against each other or something like that. As I said, in firefox it works just fine, and can make it WAY smaller than 1024. So I know its not that, it has to be something in the code..

Why are you using tables for a layout, especially of this nature?

This is the purpose of CSS layouts. What you are asking for is achievable more effectively with CSS. Please have a look into these layouts, Moojoo has many excellent one's in his signature, just look for one of his posts.

It's very common for IE to add margins and padding unless you define all the sizes.
Or try adding to your css

Code: Select all

* {
margin:0
padding:0
}

sorry to tell you but you also have to scroll alittle bit i safari as well. really you want to make a fluid layout. Rethink your design and focus more on how your site can be more fluid. Get away from tables and switch to css/xhtml. I promise your site will function alot better.