quero tira aquela borda do hover

entao quero tira aquela borda do hover

quero tira aquela borda do menus

fica paracendo que tem link e com efieto hover ainda

http://borgartesanato.vai.la/

meu style eh

*{nargub:0; padding::0;}

body{

background:#999;
fonte:13px Arial, Helvetica, sama-senrif;
 color:#9999;
text-align:left;
}
#wrap{
background:#FFF;
 margin:0 auto;
 width:900px;
 height:1250px;
 }

#topo{
background:#fff;
 height:150px;
 }

#topo img{

margin:0 50 0 0;
}
.busca{
float:right;
margin:0 0 0 0;
}

.busca #txt {

width:250px;
height:25px;
border:1px solid #0FF;
border-top-left-radius: 40px;
 border-top-right-radius: 40px;
 border-bottom-left-radius: 40px;
 border-bottom-right-radius: 40px;
}

.busca #btn {

margin-bottom:-12px;
}
#box-esquerdo{
background: #F1F1F1;
float:left;
border:1px solid #DDD;
width:891px;
height:290px;
}

#box-esquerdo h1{

fonte:35 Arial, Helvetica, sans-serif;
color:#0CF;
background: #fff;
border: #666;
float: top;
}
#box-direito{
background: #F1F1F1;
float:left;
border:1px solid #DDD;
width:400px;
height:290px;
float:right;
margin: 50px -1px 90px 5px;
}
#box-baixo{
background: #F1F1F1;
float:left;
border:1px solid #DDD;
width:479px;
height:290px;
float:left;
margin: 50px -1px 90px 5px;
}

#box-baixo p{
font:12px

}

#menu{
height:50px;

background: url(bg.jpg) repeat-x
}
#menu ul{

list-style:none;
}

#menu ul li{

float:left;
display:inline;
padding:3px 0px;
margin:0;
}

#menu ul li a{

font:19px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
text-transform:capitalize;
border-right:1px solid #FFF;
padding:12px 32px;
}

#menu ul li a:hover{

background:url(bg%201.jpg) repeat-x;
color:#fff;

}

#content{
background:#fff;
padding:4px;
height:700px;
}

#rodape{
background: url(bg.jpg) repeat-x;
height:35px;
width:900px;
margin:auto;
text-align:center;
font:17px Arial, Helvetica, sans-serif;
padding-top:15px;
}