How do I get rid of a border when I am not hovering on it.

See more:

Javascript

CSS

Java

HTML

PHP

Dear people,

I would like to explain myself the best way I can. I made a autocomplete function where once I type a DOT you will see all the domain names like ".nl, .com, .org etc." That works but every domain had a border around it once I hover on it, so I did Border: none; and it works but once my mouse pointer leaves the scrolbar section where all the domain are the border appears for a seclond on the one I touched last, so only when I leave the scrollbar section thing, I have changed all classes in none border but it doesn`t work, what do I have to do?

.ui-menu-item-wrapper {
    height: 30px;
	font-size:15px;
	width: auto;
	border: none;
}

.ui-menu-item-wrapper:hover {
    font-weight: bold;
	border:none;
	height: 30px;
	width: auto;
}

#ui-id-1 {
	overflow: auto;
	height: 170px;
	width: 200px;
	border: none;
}

What I have tried:

border: none; several times.
I have used it in every class there was.