So after much research, I've decided to enlist in help. I am trying to make a site that is somewhat fluid, so that it looks nice on different resolutions. I have two different versions, one that works great in IE, and one that works perfect in FF. The only main difference is changing the doctype. When I use an outdated one, or erase it all together, works fine in FF. When I use a recent one, works fine in Ie, but in firefox, it only shows 200 pixels high of the flash and cuts the rest off.

The old doc type that works for FF, doesn't show the flash all together unless I set the height to a pixel #. Setting it to 100% doesn't seem to work, and I can't really set it to a pixel or it won't resize correctly.


Working in IE but not Firefox:
http://client23.bringthebling.com/index7.php

Working in FF but not IE:
http://client23.bringthebling.com/index7b.php

I've been told both work in Safari

Anyone run into this before?
(Also, new to CSS/tableless layouts, so excuse the ugliness - also probably part of the problem)

If you want to have any kind of consistency cross-browser you MUST use a proper DOCTYPE, and using that loosey-goosey html 4.01 transitional Loose is pretty awful. At least use HTML 4.01 Strict. Once you have the browsers all using the same DOCTYPE, then you can make corrections for IE (which almost always gets it WRONG) as needed.

You definitely need to learn css and lose all that <div align="center"> junk, it's much better, and easier, to use CSS to center your site. Check the stickies in the CSS forum for info on how to achieve it.

There is also a stickie here that explains how ot achieve 100% height. You've got so many nested divs in there, it may be difficult to make it work properly though.