I am encountering an issue where an image is displaying differently based on the position attribute in Firefox compared to Chrome and IE11.
Take a look at the preview on . Notice how the bottom tip of "Fountain Valley" is incorrectly positioned in Firefox, appearing at the top of the page instead of its proper location as seen in Chrome/IE11.
Here is the snippet of code related to the problem. The parent element is set to 'relative' while the child element (image) is set to 'absolute'.
<td width="1019" height="222" colspan="7" bgcolor="#D6D6DD" style="position:relative;">
<img src="/images/MAIN-CONTENT.png" style="position:absolute; left:0px; top:0px; z-index:99;">
In the Firefox version, the top of the entire page is getting cut off. I'm unsure of what is causing this issue, and I have exhausted all my options.