DIV tags and Mozilla

div tags mozilla compatibility

[studioadvent]

Hello Webmasterworld, I'm new to the forum and need a little help...

I'm using DIV tags for rollover menus and this works fine in PC IE. However they do not show up in Mozilla and my client has requested it work for both. My code is shown below (you can view the working site at
<Sorry, no personal URLs. See TOS [webmasterworld.com]>):

This code calls for the dropdown:

<td width="172" align="left" valign="top">
<a href="m&aconsulting.asp" onMouseOut="MM_swapImgRestore(), MAadvisory.style.visibility='hidden'" onMouseOver="MM_swapImage('Image13','','images/mainnav_MAadvisory_on.gif',1), MAadvisory.style.visibility='visible'">
<img src="images/mainnav_MAadvisory_off.gif" name="Image13" width="172" height="22" border="0"></a></td>

And this is the dropdown itself:

<div id="MAadvisory" style="position:absolute; left:182px; top:68; width:172px; height:155px; z-index:0; visibility: hidden; overflow: hidden; background-color: #C0D5C7; layer-background-color: #C0D5C7; border: none" onMouseOut="MAadvisory.style.visibility='hidden';" onMouseOver="MAadvisory.style.visibility='visible';">
<a href="m&aconsulting.asp" border="0"><img src="images/mainnav_MAadvisory_on.gif" width="172" height="22" border="0"></a><p style="margin: 0px 0px 0px 0px;"><a href="diligence.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image170','','images/nav_duediligence_on.gif',1)"><img src="images/nav_duediligence_off.gif" name="Image170" width="172" height="26" border="0"></a><BR><a href="portfolio.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image171','','images/nav_portmanagement_on.gif',1)"><img src="images/nav_portmanagement_off.gif" name="Image171" width="172" height="26" border="0"></a><BR><a href="exit_planning.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image172','','images/nav_exitplanning_on.gif',1)"><img src="images/nav_exitplanning_off.gif" name="Image172" width="172" height="26" border="0"></a></p>
</div>

Any help would be much appreciated!

[edited by: tedster at 5:41 pm (utc) on Sep. 3, 2004]

[tedster]

Hi, and welcome to the forum.

I see no problem there immediately in the HTML - so I suspect that there's a lack of browser compatibility in the definitions of the javascript functions that you are calling: MM_swapImage(), and MM_swapImgRestore() -- That is where I'd start looking.

However, the MM means those are probably standard MacroMedia (Dreamweaver) scripts and I'm pretty sure they are Moz compatibile unless someone customizes them. Again this is DHTML so there also might be a CSS glitch.

If we can't find a problem in the HTML, you may want to open a dscussion to our Javascript Forum [webmasterworld.com].

[drbrain]

<a href="m&aconsulting.asp" ...

Contains an invalid entity reference. I suggest you check both the CSS and HTML validators at:

[validator.w3.org...]
[jigsaw.w3.org...]