Greetings and happy New Year

I am having browser compatibility issues (IE/FF).

I have used the following code:
<IMG SRC="files/images/iatmabanner.jpg" alt="Martial Arts Network" STYLE="position:absolute; TOP:0px; LEFT:139px; WIDTH:980px; HEIGHT:135px">
<IMG SRC="files/images/menumap.jpg" alt="Martial Arts Network" STYLE="position:absolute; TOP:138px; LEFT:140px; WIDTH:181px; HEIGHT:101px">

When viewed in IE the alignment is good but in Firefox it is off. Any advice?

The URL is www.iatma.org

Thank you

Anthony - Just looked at the site in FF and IE8. I thought FF looked 'ok' although I could see a small shift (?). IE8 seemed to have shifted to the left (?) quite a bit, cutting off text in your content. I'll attach the snippets.

I didn't look at the page but I bet it is do to margins in the page elements. I'd look there first.

Thanks for taking a look

I have all the margins set at 0.

Interesting, my view in FF and IE are different than the jpgs you attached Phil

Any other ideas

Tony

Pretty much everything shifts if you change the browser width. This can happen when using absolute positioning to build pages.

Anthony - Don't know if it would make any difference or not, but what editor are you using? CC HTML Editor or CC VSD?

I looked at your page in Chrome3, FF3.5 and IE8 and they all show essentially the same problem, so what you have is not a browser compatibility problem but, rather, what looks like an inconsistency between your fixed positioning of the banner and left menu on the one hand, and your main content table, which is floating horizontally, on the other.
In Chrome and FF, the elements all line up nicely at a window width of 1280px but when you reduce the window width the content table floats to the left, under the left menu. The same thing happens in IE8 but the 'quantities' are different.
Seems to me that you would either need to use absolute positioning for all the elements on the page or make them all float together with the content table.
To be honest, I don't have enough experience about these things to know which solution would be best, but I am sure someone else here will.

Thanks everyone for taking a look

I think I solved the problem by using a div tag. If you get a chance let me know how it shows on your browsers.

Thanks again

Tony

Still skewed on FF 3.5.7 Anthony, here's a screenshot of how it looks to me:

http://wolverana.com/myimages/iatma.jpg

Things are still shifting when you change the width of the browser.