dynamisk menu uden frames

Hvordan får jeg denne menu lavet om så der er under menuer. Og hvordan ændre jeg farven på teksten ved rollover. Jeg har forsøgt med hjælp fra et IDG hæfte om dynamisk html men det virkede ikke.

celine


// JavaScript Document

var menu1 = '<div id="menu">'+
'    <table cellpadding="0" cellspacing="0" id="menuHolder" align="center">'+
'    <tr><td>'+
'    <a href="default.asp" class="link"><div align="center" class="menu" onMouseOver="menuON(this)" onMouseOut="menuOFF(this)">'+
'    Forside</div></a>'+
'    </td>'+
'    <td>'+
'    <a href="tilmeld.asp" class="link"><div align="center" class="menu" onMouseOver="menuON(this)" onMouseOut="menuOFF(this)">'+
'    Tilmelding</div></a>'+       
'    </td>'+
'    <td>'+
'    <a href="filmoversigt.asp" class="link"><div align="center" class="menu" onMouseOver="menuON(this)" onMouseOut="menuOFF(this)">'+
'    Filmoversigt</div></a>'+
'    </td>'+
'    <td>'+
'    <a href="afstem.asp" class="link"><div align="center" class="menu" onMouseOver="menuON(this)" onMouseOut="menuOFF(this)">'+
'    Afstemning</div></a>'+
'    </td>'+
'    <td>'+
'    <a href="profil.asp" class="link"><div align="center" class="menu" onMouseOver="menuON(this)" onMouseOut="menuOFF(this)">'+
'    Din profil</div></a>'+
'    </td>'+   
'    </tr>'+
'    </table></div>';
document.write(menu1);

var style = '<style type="text/css">'+

'A.link{'+
        'text-decoration:none;'+
        'cursor:pointer;'+
        'cursor:hand;'+
        '}'+
       
    '#menuHolder{'+
        'position:absolute;'+
        'left:180px;'+
        'top:118px;'+
        'rigth:70;'+
        'width:550px;'+
        'background-color:#CC9933;'+
        '}'+
       
    '.menu{'+
        'width:90px;'+
        'text-decoration:none;'+
        'border:gray 1px solid;'+
        'background-color:#006600;'+
        'font-family:verdana;'+
        'font-size:8pt;'+
        'color:black;'+
        'font-weight:bold;'+
        'cursor:pointer;'+
        'cursor:hand;'+
        '}'+
   
'</style>';
document.write(style);


function menuON(id)
{
    id.style.backgroundColor='#CCCCCC';
    id.style.textDecoration ='none';
    id.style.fontWeight='bold';
   
}
function menuOFF(id)
{
    id.style.backgroundColor='#006600';
}