Strange display problem only in IE5 for MAC

[loolu]

Anyone can help to explain and solve following display problem? So many thanks in advance.

I got two strange display issues in IE5 for MAC, and they are correct in Safari and Netscape7.x.

1, Display "?" on the top of screen.
There is a "?" in the top of screen, which is built from a jsp. Checked jsp and compiled java, all seams correct. Any reason will cause ? in IE5 on MAC?

2, Images (with div tag) can't display unless resize the window.
This problem seams very strange. The screen has two framsets, one is brand and another is home. the problem happens in Brand. The images can be shown only after resizing the window (It is blank in the front). In order to do more test, I created a sample standard html (same as brand) without frameset, in this way images can be display correctly.
It seams frameset block the images to be shown, but I am not sure, anyone have idea about these behavior?

Following is the fragment of brand html.

<DIV ID="elMenuUp" style="visibility:visible; z-index:0" align="right" valign="bottom">
<img src="/images/1.gif" width="645" height="24" usemap="#mpMenu" border="0"> </DIV>
<DIV ID="elMenuOver" style="visibility:hidden; z-index:1">
<IMG SRC="/images/1_over.gif" USEMAP="#mpMenu" WIDTH="645" HEIGHT="24" BORDER=0>
</DIV>
<DIV ID="elMenuOn" style="visibility:hidden; z-index:2">
<IMG SRC="/images/1_On.gif" USEMAP="#mpMenu" WIDTH="645" HEIGHT="24" BORDER=0>
</DIV>
<map name="mpMenu">
<area shape="rect" coords="2,0,45,25" href="aa.htm" onMouseOver="mapOver(2,true)" onMouseOut="mapOver(2,false)" target="_top">
<area shape="rect" coords="49,0,140,25" href="" onMouseOver="mapOver(3,true)" onMouseOut="mapOver(3,false)" target="_top">
<area shape="rect" coords="144,0,226,25" href="" onMouseOver="mapOver(4,true)" onMouseOut="mapOver(4,false)" target="_top">
<area shape="rect" coords="229,0,297,25" href="" onMouseOver="mapOver(5,true)" onMouseOut="mapOver(5,false)" target="_top">
<area shape="rect" coords="300,0,352,25" href="" onMouseOver="mapOver(6,true)" onMouseOut="mapOver(6,false)" target="_top">
<area shape="rect" coords="355,0,442,25" href="" onMouseOver="mapOver(7,true)" onMouseOut="mapOver(7,false)" target="_top">
<area shape="rect" coords="445,0,521,25" href="" onMouseOver="mapOver(8,true)" onMouseOut="mapOver(8,false)" target="_top">
<area shape="rect" coords="524,0,623,25" href="" onMouseOver="mapOver(9,true)" onMouseOut="mapOver(9,false)" target="_top">
</map>

 

[Rower_CPU]

A few suggestions:

1. Run your page(s) through the W3C HTML and CSS validators. This will help you identify any errors in your code that can lead to strange display on different browsers.

2. Move your inline styles to a style sheet in the head of your document, or, better yet, an external style sheet.

3. Post a link to the page in question so that people can see what's going on for themselves.

Good luck!