«

I have a site (http://cannontimes.com/) were I am using a mousover menu
navigation. I have everything working the way I like it except for a wite
box around the text that is visible over a background. Could someone tell
me how to disable this white line to make it invisible against the
background. The current code I am using is:

<!--Menu items w/mouseover--->
<div style="background-color:none;width:684;height:32;padding-top:5px"
onMouseover="over_effect(event,'outset')"
onMouseout="over_effect(event,'solid')"
onMousedown="over_effect(event,'inset')"
onMouseup="over_effect(event,'outset')">
<p align="center">
<font face="Arial" size="2">

<span class="menuitems"><u>Family News</u>&nbsp;</span>
<span class="menuitems">&nbsp;<u><a href="reunews.htm"><font
color="#000000"><u>Reunion News</u></font></a></u>&nbsp;</span>
<span class="menuitems">&nbsp;<u><a href="babygallery/newbabies.htm"><font
color="#000000"><u>Cannon Baby
Gallery</u></font></a></u>&nbsp;</span>
<span class="menuitems">&nbsp;<u>Cannon Bulletin Board</u>&nbsp;</span>
</div>

<!--Javascript for the hoverup-->
//Hover-up Menu Bar:
//Customize background color (none) and link color (black):
var cssdefinition='<style>\n.menuitems{\nborder:2.5px solid
white;\n}\n\n.menuitems
a{\ntext-decoration:none;\ncolor:none;\n}\n<\/style>'

//No need to edit beyond here
if (document.all||document.getElementById)
document.write(cssdefinition)

function over_effect(e,state, bgcolor){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menuitems"){
source4.style.borderStyle=state
source4.style.backgroundColor=bgcolor
}
else{
while(source4.tagName!="DIV"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menuitems"){
source4.style.borderStyle=state
source4.style.backgroundColor=bgcolor
}
}
}
}