Problém s JavaScriptem a styly

Mám na stránce tenhle div:
<div style="visibility: hidden; position: absolute; top: 92px; left: 0px; z-index: 3;" name="prvni" id="prvni" onMouseOver="zobraz(this)" onMouseOut="schovej(this)">
<table cellspacing="0" cellpadding="2" bgcolor="#cccccc" style="border: 1px white solid collapse; width: 200px;">
<tr><td style="border: 1px white solid" onMouseOver="this.style.background='#666666'" onMouseOut="this.style.background='#cccccc'"><center><font face=Verdana size=2><b><a href="">odkaz č. 1</a></td></tr>
<tr><td style="border: 1px white solid" onMouseOver="this.style.background='#666666'" onMouseOut="this.style.background='#cccccc'"><center><font face=Verdana size=2><b><a href="">extrémně dlooouhý odkaz</a></td></tr>
<tr><td style="border: 1px white solid" onMouseOver="this.style.background='#666666'" onMouseOut="this.style.background='#cccccc'"><center><font face=Verdana size=2><b><a href="">odkaz č. 3</a></td></tr>
</table>
</div>

A potom funkce, které jej zobrazují/schovávají:
function zobraz(name)
{name.style.visibility='visible';}
function schovej(name)
{name.style.visibility='hidden'}

Vše funguje bezvadně, problém však spočívá v tom, že po načtení stránky jsou v místech, kde je "schované" menu, vidět bílé rámečky. Až po prvním ukázání a následném schování se ty rámečky schovají taky. Nevíte někdo, jak to spravit (tj. aby rámečky byly vidět jen když je vidět celé menu)?

Nebo nemáte nějaký lepší skriptík na takovéhle vyskakování/schovávání menu?

Všem předem mnohokrát díky za jakoukoliv radu...

daj si medzi styly toto:
table, tr, td {
border-color: transparent;
}

No jo, jak jednoduché, díky moc!