Få table til at rykke ind!!

Hej eksperter..

Jeg er for sjov igang med at designer en lille side på www.friserverplads.dk/it4real !

nu er problemet bare, som I kan se, at de tables med linksene i på toppen dækker den yderste venstre hvide streg..

Hvordan får jeg tables\'ne rykket ind så man kan se den streg??

Her er lidt kode:

<html>
<head>
<title>It4ReaL.com</title>
</head>

<STYLE>
BODY, DIV, TD, LAYER { font-size:10pt; font-family:arial; }
A:link, A:visited { color:#ffffff; text-decoration:none; }
A:hover, A:active { color:#ffffff; text-decoration:none; }
</STYLE>

<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>

<body bgcolor=\"#043E60\">
<br><br><br><br><br><br>

<center>
<br>
<table width=\"652\" height=\"440\" border=\"0\" align=\"center\" cellspacing=\"0\" cellpadding=\"0\">
<tr valign=\"top\" width=\"652\">
<td background=\"#043E60\" height=\"20\"><a href=\"http://www.it4real.com\"><img src=\"logo.jpg\" border=\"0\"></a></td>
</tr>
<tr valign=\"top\" width=\"652\">
<td background=\"header.jpg\" height=\"60\">



<SPAN ID=\"menubar\" STYLE=\"position:relative; visibility:hidden;\">
<br><TABLE WIDTH=200 height=\"2\" BORDER=0 CELLPADDING=3 align=\"left\" CELLSPACING=0><TR>
<TD bgcolor=\"#043E89\"><font face=\"verdana\" size=\"1\"><A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(1)\" onMouseOut=\"Hide(1)\">Drop1</A></font></TD>
<TD bgcolor=\"#043E60\"><font face=\"verdana\" size=\"1\"><A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(2)\" onMouseOut=\"Hide(2)\">Drop2</A></font></TD>
<TD bgcolor=\"#043E60\"><font face=\"verdana\" size=\"1\"><A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(3)\" onMouseOut=\"Hide(3)\">Drop3</A></font></TD>
</TR></TABLE>
</SPAN>

<SCRIPT LANGUAGE=\"JavaScript\">
<!--

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

    hovercolor  = \"#043E82\";    // color name/code
    bgcolor      = \"#043E60\";    // color name/code
    background  = \"\";            // picture url
   
    menu_border  = 1;            // IE only
    border_color = \"#000000\";    // IE only
   
    arrow_pic    = \"script740849_0_2.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+\">&nbsp;\"+arguments[i]+\"</LAYER>\"; }
        T+=20;
    }
} }

Layer = new Array();
arrow = \"<IMG SRC=\'\"+arrow_pic+\"\' WIDTH=6 HEIGHT=10 BORDER=0 ALT=\'\'>\";


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

/*    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(8,47,110,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(4,1)\">Layer 1</A> \'+arrow,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(1)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(1)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(1)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(1)\">eksperten.dk</A> \'
);

Layer[2] =    new LayerSpecs(74,47,110,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(6,2)\">Layer 2</A> \'+arrow,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(2)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(7,2)\">eksperten.dk</A> \'+arrow,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(8,2)\">eksperten.dk</A> \'+arrow,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(2)\">eksperten.dk</A> \'
);

Layer[3] =    new LayerSpecs(141,47,110,
            \'<A HREF=\"http://www.eksperten.dk\">Layer 3</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \'
);

Layer[4] =    new LayerSpecs(119,47,110,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(4,1)\">Layer 4</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(4,1)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(4,1)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(5,4,1)\">eksperten.dk</A> \'+arrow,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(4,1)\">eksperten.dk</A> \'
);

Layer[5] =    new LayerSpecs(230,47,110,
            \'<A HREF=\"http://www.eksperten.dk\">Layer 5</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \'
);

Layer[6] =    new LayerSpecs(185,47,110,
            \'<A HREF=\"http://www.eksperten.dk\">Layer 6</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \'
);

Layer[7] =    new LayerSpecs(185,47,110,
            \'<A HREF=\"http://www.eksperten.dk\">Layer 7</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \'
);

Layer[8] =    new LayerSpecs(185,47,110,
            \'<A HREF=\"http://www.eksperten.dk\">Layer 8</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</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 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 valign=\"top\" width=\"652\">
<td background=\"mainbagg.jpg\" height=\"371\"></td>
</tr>
<tr valign=\"top\" width=\"652\">
<td background=\"bundbagg.jpg\" height=\"9\"></td>
</tr>
</table>
</center>
</body>
</html>

-- På forhånd tak..!!