CSS hover not working

I have this nav-brand:

      <a class="navbar-brand" href="index.html">Bit<span>Pay</span></a>


.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
	color: #ff8b3e;

But when i hover it, i have this strange result

How can I make background color right?

Hi, @nanquim can you please post a codepen link, that would be helpful.

its a big code, thats the relevant part…

To change the background color, you’ve to use background-color property not color. Play around with giving some padding.