menu problem

I have a rollover that toggles visibility from hidden to visible. Netscape
is giving me fits. It seems to re-write the first line of the div section
that it is toggling to visible, like this:

<DIV id="Y1997-98" class="CLSPRODSUBMENU"
style="width:450;height:250;position:absolute;z-index:1;left:300;top:400;
visibility:visible;"><DIV id="Y1997-98" class="CLSPRODSUBMENU"
Ttyle="width:450;height:250;position:absolute;z-index:1;left:300;top:400;
visibility:visible;">
.....CONTENT .....</DIV>

(I got this from a view source, netscape 4.7)

And it displays none of the contents of the <div> which are all in a table
except an <hr>.

This looks and works fine in IE, Opera.

Is there an issue using numbers in an ID, perhaps?


I have 46 sections to toggle. Sample javascript:

var strProds = '';
    strProds += '<div id="Y1999-2000" class="CLSPRODSUBMENU"
style="width:450;height:250;position:absolute;z-index:1;left:300;top:400;
visibility:hidden;">';
    strProds += '<table border="1" cellpadding="3" cellspacing="2"
width="450">';
    strProds += '<tr><td colspan="2"><b class="PRODHEAD">  Walter Gloor
Mainstage Season</b><br>';
    strProds += '<hr color="black" size=1 width="100%"></td></tr>';
    strProds += '<tr><td class="CLSPRODSUBMENU"> A Flea In Her Ear</td><td
width="30%" class="CLSPRODSUBMENU"> October, 1999</td></tr>';
    strProds += '<tr><td class="CLSPRODSUBMENU"> Reckless</td><td
width="30%" class="CLSPRODSUBMENU"> November, 1999</td></tr>';
    strProds += '<tr><td class="CLSPRODSUBMENU"> Stages (PAC)</td><td
width="30%" class="CLSPRODSUBMENU"> November, 1999</td></tr>';
    strProds += '<tr><td class="CLSPRODSUBMENU"> Desdemona:<BR>A Play About
a Handkerchief</td><td width="30%" class="CLSPRODSUBMENU"> February,
2000</td></tr>';
    strProds += '<tr><td class="CLSPRODSUBMENU"> Cat On A Hot Tin
Roof</td><td width="30%" class="CLSPRODSUBMENU"> March, 2000</td></tr>';
    strProds += '<tr><td class="CLSPRODSUBMENU"> The House of Yes
(PAC)</td><td width="30%" class="CLSPRODSUBMENU"> March, 2000</td></tr>';
    strProds += '<tr><td class="CLSPRODSUBMENU"> The Boy Friend</td><td
width="30%" class="CLSPRODSUBMENU"> April, 2000</td></tr>';
    strProds += '</table>';
    strProds += '</div>';

Regards,
Michael Gerholdt
SUNY College at Fredonia

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA