Annuler un effet en css sur un menu

Yop tout le monde , comme le titre l'indique , j'aimerais annuler un effet dans mon menu de navigation , je vous montre le code :

Le menu (html) :

<ul id="menu">
	<li><a href="#">Accueil</a></li>
	<li><a href="#">Nous contacter</a></li>
	<li><a href="#">News</a></li>
 	<li><a href="#">Streaming</a>
		<ul>
			<li><a href="#">One piece</a></li>
			<li><a href="#">Naruto</a></li>
			<li><a href="#" >Blue Exorcist</a></li>
		</ul>
	</li>
</ul>

Le code css :

#menu, #menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
	
}
#menu {
/* on centre le menu dans la page */
    text-align: center;
	position:absolute;
	top:10%;
	left:25%; 
	width:600px; 
	height:430px; 
	z-index:2;
	font-size:150%;
}
#menu li {
/* on place les liens du menu horizontalement */
    display: inline-block;
	
}

#menu a {
    text-decoration: none;
    display: block;
	color:#000;
	padding: 0 20px;
}
#menu a:hover{
    
    
   
    transition-duration: 0.5s;
	color:#fff;
	
}
#menu ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
    z-index: 1000;
	size:10px;
}

#menu li:hover{
	border-left : 2px solid #000; 
	border-right : 2px solid #000;
	
}

#menu li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
	
}

J'aimerais donc retirer les border-left et right dans (les sous onglet)streaming , ça fais maintenant 2h que j'essaie de trouver comment retirer ça mais je ne trouve pas x) si quelqu'un à la solution , je suis preneur !
Merci d'avance ;)


--