The page: www.stgabrielradio.com

In IE it's fine, but in FF the graphic at the bottom of the page has a tweak on it - at the left.

How do I fix it?

... and how do I avoid things like this in the future?

Thanks!

Hi Rick,

Fixing the problem:
Not sure yet. I had a quick look at 7am this morning and I was just too asleep to get it right :P I'll have another look tonight to see what I can advise.

Avoiding this in the future:
Don't design a page using Internet Explorer to test it. IE isn't a standards compliant browser (although IE7 will be better). This means that anything you can only be sure that what you design in IE will look good in IE. There's no guarantees that it will look good in anything else.

If you design you site using a more standards complient browser for testing (e.g. Firefox, Opera, Safari) then you can be sure that it will look the same on all these alternative browser and it should also look good on IE. If it doesn't look as good on IE then there are certain easy "hacks" you can make to ensure smooth running on IE.

Also some extra points - Try to move away from using tables for layout. It's not what they are for. Also, using blank images for adding whitespace is also rather messy. It makes the code harder to read.

Thanks, LT. That site is one I volunteered to take over after the gal who made it quit... so so much of it is unlike the typical site I do. I'm so dumb about it I did not even recognize that there was a blank image there for white space :o

I'm using Dreamweaver - and I thought that somewhere buried in it was a browser compliance check that might point me to the problem on that page, but after digging, I see that it only checks for compliance in IE. Sheesh.

Thanks again, LT.