Menutræ

Hvordan for jeg dette menutræ til at fungerer i alle opløsninger, så de links der ruller ned, ikke flytter sig.........koden:

<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>PRØVE</TITLE>

<style type=\"text/css\">
body, td {font-family: tahoma, verdana, arial, helvetica, sans-serif !important;}
a {text-decoration: none !important; color: #669900}
a:hover {text-decoration: none !important; color: 7d7d7d ;}
.brodtekst {font-size:11px !important; line-height:16px !important; color:555555;}
.head1 {font-size: 11px !important; color: #669900 !important; font-family: tahoma, verdana, arial, helvetica, sans-serif !important; font-weight:bold;}
.head2 {font-size: 11px !important; color: #669900 !important; font-family: tahoma, verdana, arial, helvetica, sans-serif !important; font-weight:bold;}
.linkliste {color: #336633 !important;}
.linkliste:hover {color: 999999 !important;}
.whitey1 { color: white; font-size: 11px; font-weight: bold; }
.whitey2 { color: white; font-size: 13px; font-weight: bold; }
.do_knap { color: 555; font-size: 14px; font-weight: bold; }
.do_knap2 { color: 555; font-size: 11px; font-weight: bold; }
/* menuelementer: */
.tabel { border-style: solid !important; border-color: #000000 !important; border-width: 1 !important;}
.top_cell { font-size: 10px !important; text-decoration:none; border-left-style: solid; border-left-color: #000000; border-left-width: 1; font-family: tahoma, verdana, arial, helvetica, sans-serif; color:white; font-weight:bold }
.link {font-size: 9px !important; font-family: tahoma, verdana, arial, helvetica, sans-serif; color:white; text-decoration: none}
.kontakt { font-size: 10px !important; text-decoration:none; border-left-style: solid; border-left-color: #000000; border-left-width: 1; font-family: tahoma, verdana, arial, helvetica, sans-serif; color:white; font-weight:bold; background-color: fff }
.kontaktlink {font-size: 10px !important; font-family: tahoma, verdana, arial, helvetica, sans-serif; color:7d7d7d; text-decoration: none }
.link:hover { color:555 }
</style>

<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3.5\">
</HEAD>
<BODY bgcolor=\"#ffffff\" leftmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" topmargin=\"0\">

<TABLE BORDER=\"0\" CELLPADDING=\"0\" ALIGN=\"center\" CELLSPACING=\"0\">
<TR>
    <TD WIDTH=\"700\" HEIGHT=\"70\" COLSPAN=\"3\" STYLE=\"margin-bottom:0;\"><IMG SRC=\"logo_top.gif\" BORDER=\"0\" WIDTH=\"700\" HEIGHT=\"70\" ALT=\"Riamuf\"></TD>
</TR>
<TR>
<TD HEIGHT=\"25\" COLSPAN=\"3\" BGCOLOR=\"black\" ALIGN=\"center\"> 

<SCRIPT language=JavaScript type=text/javascript>
<!--
No3 = (parseInt(navigator.appVersion) > 3) ? 1:0;
layer = (document.all && No3) ? \"document.all[\'L\'+menu].style\" : (document.layers && No3) ? \"document.layers[\'L\'+menu]\" : 0;
var timer;

function Show() {
    if(layer) {
        if(timer) clearTimeout(timer);
        for(menu=0; menu<Layer.length; menu++) {
            if(Layer[menu]) {
                eval(layer).visibility = \"hidden\";
            }
        }
        for(i=0; i<arguments.length; i++) {
            menu=arguments[i]; eval(layer).visibility = \"visible\";
        }
    }
}
function Hide() {
    timer = setTimeout(\"Show()\", 500);
}
//-->
</script>

<SPAN id = \"menubar\" style=\"POSITION: relative; VISIBILITY: hidden\">
<TABLE border=\"0\" cellPadding=\"4\" cellSpacing=\"0\" class=\"tabel\">
  <tr bgcolor=\"000000\">
  <td width=\"119\" class=\"top_cell\"><a href=\"#\" class = \"link\" onmouseover=\"Show(1)\" onmouseout=\"Hide(1)\"><font color=\"white\" size=\"1\">&nbsp;Profil</font></a></td>
<td width=\"119\" class=\"top_cell\"><a href=\"#\" class = \"link\" onmouseover=\"Show(2)\" onmouseout=\"Hide(2)\"><font color=\"white\" size=\"1\">&nbsp;Produkter</font></a></td>
<td width=\"119\" class=\"top_cell\"><a href=\"#\" class = \"link\" onmouseover=\"Show(3)\" onmouseout=\"Hide(3)\"><font color=\"white\" size=\"1\">&nbsp;Nyheder</font></a></td>
<td width=\"119\" class=\"top_cell\"><a href=\"#\" class = \"link\" onmouseover=\"Show(4)\" onmouseout=\"Hide(4)\"><font color=\"white\" size=\"1\">&nbsp;Til forhandlere</font></a></td>
<td width=\"119\" class=\"kontakt\"><a href=\"#\" class = \"link\" onmouseover=\"Show(5)\" onmouseout=\"Hide(5)\"><font color=\"7d7d7d\" size=\"1\">&nbsp;Kontakt</font></a></td>
  </tr>
</table></span>




<script language=JavaScript>
<!--

//////////////////////////////////////////////////////

    hovercolor  = \"green\";                                                    // color name/code
    bgcolor      = \"000000\";        // color name/code
    background  = \"\";                                                            // picture url

    menu_border  = 1;                                                                // IE only
    border_color = \"#336633\";        // IE only

    arrow_pic    = \"pil.gif\";                                             // url of arrow picture for submenus

//////////////////////////////////////////////////////


if(document.all) {
    if(!background) {
        background=bgcolor;
    } else {
        background = \"url(\"+background+\")\";
    }
}

function LayerSpecs(Left,Top,Width) {
    if(No3) {
        if(document.all) {
            Top+=7; Left+=2; Width-=6;
        }
        this.left  = Left;
        this.top  = Top;
        this.info  = \"\";
        T=0;
        for(i=3; i<arguments.length; i++) {
            if(document.all) {
                this.info += \"<tr><td width=\"+Width+\" onmouseover=\'this.bgcolor=\\\"\"+hovercolor+\"\\\"\' onMouseOut=\'this.bgColor=\\\"\\\"\'>\"+arguments[i]+\"</td></tr>\";             } else {
                this.info += \"<layer onmouseover=\'this.bgcolor=\\\"\"+hovercolor+\"\\\"\' onmouseout=\'this.bgcolor=\\\"\"+bgcolor+\"\\\"\' width=\"+Width+\" position=relative top=\"+T+\">\"+arguments[i]+\"</layer>\";            }
            T+=20;
        }
    }
}

Layer = new Array();
arrow = \"<img src=\'\"+arrow_pic+\"\' width=\'6\' height=\'10\' border=\'0\'>\";

//////////////////////////////////////////////

/*    Create Your layers below by typing:
    Layer[incrementing number] = new LayerSpecs(Left Position, Top Position, Width, List of Links Seperated by Commas)
    If a layer has a sublayer, add onMouseOver=\"Show(Layer Number to Open, Current Layer, Any Layers Opened before the current layer (seperated by commas)
*/

Layer[1] = new LayerSpecs(90,90,75.,
\'<a href=\"http://www.macintosse.dk\" class=\"link\">Firmaet</a>\'
,\'<a href=\"http://www.macintosse.dk\" class=\"link\">n&oslash;glekunders</a>\'
,\'<a href=\"http://www.macintosse.dk\" class=\"link\">Vidensdeling</a>\'
);
Layer[2] = new LayerSpecs(220,90,75.,
\'<a href=\"http://www.traevaerk.dk\" class=\"link\">Tr&aelig;v&aelig;rk</a>\'
,\'<a href=\"http://www.gorgonzola.dk\" class=\"link\">Gorgonzola</a>\'
,\'<a href=\"http://www.macintosse.dk\" class=\"link\">V.I.P.</a>\'
);
Layer[3] = new LayerSpecs(350,90,75.,
\'<a href=\"http://www.macintosse.dk\" class=\"link\">Nyhedsarkiv</a>\'
);
Layer[4] = new LayerSpecs(480,90,75.,
\'<a href=\"http://www.macintosse.dk\" class=\"link\">Nyt produkt skaber eftersp&oslash;rgsel</a>\'
);
Layer[5] = new LayerSpecs(605,90,130.,
\'<a href=\"http://www.macintosse.dk\" class=\"link\">Macintosse</a>\'
,\'<a href=\"http://www.macintosse.dk\" class=\"link\">Partnere</a>\'
);


////////////////////////////////////////////////////////////////

j = (Layer[0]) ? 0:1;

for(i=j; i<Layer.length; i++) {
    if(document.all && No3) { document.write(\"<SPAN onMouseOver=\'clearTimeout(timer)\' onMouseOut=\'Hide(\"+i+\")\' ID=\'L\"+i+\"\' STYLE=\'position:absolute; visibility:hidden; background:\"+background+\"; top:\"+Layer[i].top+\"; left:\"+Layer[i].left+\";\'><TABLE border=\'0\' cellpadding=\'5\' STYLE=\'border:solid \"+menu_border+\" \"+border_color+\"\'>\"+Layer[i].info+\"</TABLE></SPAN>\"); }     else if(document.layers && No3) { document.write(\"<LAYER onMouseOver=\'clearTimeout(timer)\' onMouseOut=\'Hide(\"+i+\")\' ID=\'L\"+i+\"\' POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR=\'\"+bgcolor+\"\' BACKGROUND=\'\"+background+\"\' TOP=\"+Layer[i].top+\" LEFT=\"+Layer[i].left+\">\"+Layer[i].info+\"</LAYER>\"); } }

if(document.all) { document.all[\"menubar\"].style.visibility = \"visible\"; }
else if(document.layers) { document.layers[\"menubar\"].visibility = \"visible\"; }
// -->
</SCRIPT>

</TD>
</TR>
<TR>
    <TD WIDTH=\"15\" HEIGHT=\"500\" background=\"streg_left.gif\" VALIGN=\"top\" >&nbsp;</TD>
    <td WIDTH=\"670\" HEIGHT=\"500\" background=\"bag_main.gif\">

<TABLE BORDER=\"0\" CELLPADDING=\"0\" WIDTH=\"100%\">
<TR>
    <TD WIDTH=\"80%\" HEIGHT=\"100%\"><IMG SRC=\"text_line_riamuf.gif\" BORDER=\"0\" WIDTH=\"650\" HEIGHT=\"40\" ALT=\"Hvad er Riamuf\">
<font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\"><BR>
<b>Riamuf (RIbe AmatørMUsiker Forening)</b> - vil med denne side fortælle lidt om, hvad der gemmer sig bag det lidt \"skøre\" navn RIAMUF. Riamuf fylder i 2001 20 år, og blev oprindeligt dannet af lokale bands, som stod uden øvefaciliteter. De sidste ni år har foreningen haft konstant fremgang, og vi står i dag med en forening som næsten sprænger rammerne. Foreningens målgruppe er amatørmusikerer og semiproffer med udgangspunkt i rytmisk musik.<P><BR>
 
<b>Riamuf kan tilbyde:</b><BR>
<ul>
<li>Lydisolerede øvelokaler</li> <BR>
<li>PA, forstærkere og trommesæt i alle lokaler</li><BR>
<li>16-spors studie</li> <BR>
<li>Et stort antal egne koncerter - store og små Workshops</li><BR>
<li>Kontaktformidling</li>
</ul><P><BR>

<b>Oprettet:</b> 19. august 1981<BR>
<b>Medlemstal:</b> 100 aktive (1.2.99)<BR>
Kontingent 500,- årligt.<P>
<b>Medlemskarakteristika:</b><BR>
En bredt sammensat gruppe bestående af:
rock, jazz, funk, folk, metal, blues - hovedsageligt unge
rockmusikere, fra fritidsmusikerer til semiprofessionelle.
<P>
<b>Opgaver:</b><BR>
Etablering og administration af øvelokaler, studie, workshops.
Etablering og afvikling af koncerter og festivaler, rådgivning og
kontaktformidling - m.m.
<P>
<b>Organisering:</b><BR>
Forening, med årlig generalforsamling, hvor alle medlemmer
kan stille op til valg. Medlem af <a href=\"http://www.fajabefa.dk\"> FAJABEFA</a>
<P>
<b>Finansiering:</b><BR>
Afholdelse af arrangementer i eget regi,
kontingenter og sponsor indtægter.
<P>
<b>Daglig drift:</b><BR>
Bestyrelsen afholder bestyrelsesmøde hver uge,
og holder trådene samlet.
  <P><BR>


RIAMUF, Rosenallé 3,
6760 Ribe <BR>
Info tlf. 75 44 66 62
<P>






</TD>
    <TD WIDTH=\"20%\" HEIGHT=\"100%\">&nbsp;</TD>
</TR>
</TABLE>
</td>
    <td WIDTH=\"15\" HEIGHT=\"500\" background=\"streg_right.gif\" VALIGN=\"top\">&nbsp;</td>
</TR>
<TR>
    <TD WIDTH=\"700\" HEIGHT=\"25\" COLSPAN=\"3\" background=\"sort_bund.gif\">
<TABLE BORDER=\"0\" CELLPADDING=\"0\" CELLSPACING=\"0\" WIDTH=\"100%\">
<TR>
    <TD WIDTH=\"50%\"><font color=ffffff face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">
&nbsp; &copy Copyright RIAMUF 2000</font></TD>
    <TD ALIGN=\"right\"><a href=\"http://www.whitehat.dk/nine\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">Nine InterAktive &nbsp;</font></TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>



</BODY>
</HTML>