Allora ragazzi...mi è nata una idea dopo aver studiato un tutorial di HTML.it (megliio dire di www.bratta.com) cmq sia mentre lo stavo studiando ho trovato dei particolari strani...
che non riuscivo a spiegare (riferimento a se stesso [oggetto])...cmq sia ho creao una mia versione più leggibile "LA MIA"...ecco il codice...(un particolare: il codice è valido per HTML 4.01 quindi chi lo vuole usare per pagine valide non ci sono problemi...):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-15">

<style type="text/css" media="screen">
<!--

/* cambia i bordi a: .subMenu, .subSubMen td */

#contMenu {position:absolute; top:0px; left:0px}
a:link, a:active, a:visited {font:normal 1pc arial; color:blue; text-decoration:underline}
a:hover {color:red; text-decoration:underline overline}
#subCon td {padding-top:0px}
a.cla:link, a.cla:active, a.cla:visited {font:normal 0.8pc arial; color:blue; text-decoration:underline}
a.cla:hover {color:red; text-decoration:underline overline}
.subMenu {margin:0px 0px; padding:5px 5px; position:relative; top:0px; background-color:silver; visibility:hidden; border:white 2px outset}
.subSubMen td {border:white 2px outset}
-->
</style>

<script type="text/javascript">
<!--
var menuArray=null, greatMENU=null;

function vis_b() {
this.name.visibility="visible";
};

function hid_b() {
this.name.visibility="hidden";
};

function Menu(obj) {
this.name=document.all?document.all[obj].style:document.getElementById(obj).style;
this.vis=vis_b;
this.hid=hid_b;
this.active=true;
};

function scrolla() {
if(document.all) {
greatMENU.name.top=document.body.scrollTop;
}
else {
greatMENU.name.top=((document.getElementById)&&(!d ocument.all))?window.pageYOffset:document.body.scr ollTop;
window.setTimeout("scrolla();",1);
};
}

function funcXUNO() {
menuArray=new Array();
menuArray[0]=new Menu("unoSub");
menuArray[1]=new Menu("dueSub");
menuArray[2]=new Menu("treSub");
menuArray[3]=new Menu("quattroSub");
menuArray[4]=new Menu("cinqueSub");

for(var x=0; x<menuArray.length; x+=1) {
menuArray[x].hid();
};

greatMENU=new Menu("contMenu");

(document.all)?window.onscroll=scrolla:scrolla();

};

function extract(num) {
if(menuArray[num].active) {
for(var x=0; x<menuArray.length; x+=1) {
menuArray[x].hid(); menuArray[x].active=true;
};
menuArray[num].vis(); menuArray[num].active=false;
}
else {
menuArray[num].hid(); menuArray[num].active=true;
};
};
//-->
</script>

</head>
<body onload="funcXUNO();">

<div id="contMenu">
<table width="102%" cellspacing="0" cellpadding="5" border="0">
<tr bgcolor="silver" class="subSubMen">

<td height="30">Articoli</td>

<td>Chat</td>

<td>Contatta...</td>

<td>Forum</td>

<td>HomePage</td>

<td>Svago</td>

</tr>
<tr valign="top" id="subCon">

<td><div id="unoSub" class="subMenu">
La riforma Moratti

"Carissima" scuola

Il "caro" scuola...

</div></td>

<td><div id="dueSub" class="subMenu">
Chatta con gli studenti

Chatta con gli operatori

</div></td>

<td><div id="treSub" class="subMenu">
Contatta tutti

Contatta D4ng3r

Contatta Titus

Contatta Link

Contatta EagleOne

Contatta Ugly

</div></td>

<td><div id="quattroSub" class="subMenu">
Forum studenti...

Forum antiProf...

</div></td>

<td></td>

<td><div id="cinqueSub" class="subMenu">
x Donne

x Uomini

</div></td>

</tr>
</table>


</div>













</p>
















































































</body>
</html>