Cold Fusion display issue

[No_more_Nicknames]

If you look at this page in Firefox you will see that it is severly broken.
Works fine in IE and the individual components that make up the file display
fine on their own, it's only when the whole page is served up does this happen.

The page consists of a header and footer.cfm in the root and an internal
content html file a few folders down.

Our programmer is away for awhile so can anyone at least point me in the right
direction as to whats happening?

Thanks in advancehttp://www.fortunevalleycasino.com/pageinpage/restaurants.cfm

[Dan Bracuk]

If this were happening to me, I would probably start with looking at the source
code from each brower. See if there are any differences.

If not, I would see if fixing it in Firefox would cause it to break in IE. If
not, do the fix and, in future test with Firefox only. IE is very forgiving of
"bad" html, which is either good or bad, depending on your circumstances.

[No_more_Nicknames]

I did a file compare and both are exactly the same.

[Kronin555]

Step 1: if you're going to publish a doctype, make your page validate:

[url]http://validator.w3.org/check?verbose=1&uri=http%3A//www.fortunevalleycasino.com[/url]
/pageinpage/restaurants.cfm

Step 2: develop in a conforming browser, like Firefox, first. Then add the
hacks that make it look OK in IE. Never start with IE, as its rendering engine
is horribly borked.

Step 3: never start off a sentence with "Works fine in IE", that just makes
anyone that knows web standards shudder.

[SafariTECH]

Chances are it will validate just fine ... it primarily looks like the cells
need some definitions to accomodate some autowrap and also to tell them how to
justify the images.

Funny thing is, this type of problem is usually reversed (looks ok in FF but
not in MSIE) because MSIE will wrap a row or cell if the TDs are not in a
single code line where spacing matters a lot. Play with some things like
"nowrap" in cells where you only have images placed, and adjusting "valign"
and/or cell "height" to accomodate the places that are causing the wraps.

Is the page doing something after it loads (like adjust the table sizing)?
When I refresh the page in FF it actually looks fine for a second or two, but
then it all of a sudden changes to the "extra space look" and the status bar
says it is trying to download something from the server. It may be some code
that is only triggered in non MSIE browsers?