Как увеличить ширину фона при наведении?

Question

[Zhenya Tureysky]

Есть у меня от такое навигационное меню

При наведении у меня от такой эффект

А нужно чтобы был такой

В общем как мне расширить фон при наведении ?

<div class="Navigation">
				<ul>
					<li><a href="#">Главная</a></li>
					<li><a href="#">Об игре</a></li>
					<li><a href="#">Галерея</a></li>
					<li><a href="#">Контакты</a></li>
					<li><a href="#">FAQ</a></li>
					<li><a href="#">Блог</a></li>
					<li><a href="#">Форум</a></li>
				</ul>
			</div>

.Navigation li{
	margin-right: 20px;
	display: inline-block;
}
.Navigation a{
	font-family: Bebas Neue Bold;
	font-size: 20px;
	color: #3e3b3bf5;
	text-decoration: none;
	line-height: 60px;
	display: block;
}
.Navigation a:hover{
	background-color: #fbf300f5;
	color: white;
	transition: .1s
}

.Navigation {
	margin-left: 600px;
}

Навигационное меню зафиксировано и всегда остаётся в верху страницы
Код:

.fixed-nav-bar {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
   width: 100%;
   height: 60px;
   background-color: white; 
   opacity: 00.9; 
   filter: alpha(Opacity=70);
}