Как при наведение на ссылку сделать так чтобы она выделялась по всей поверхности, а не только текст?

Question

[Иван Антонов]

Хочу сделать чтобы при наведении на ссылку в меню выделялся не только текст а выделялась по ширине и высоте блока div.
HTML:

CSS:
#menu a {
text-decoration: none;
font-family: 'Oswald', sans-serif;
font-size: 18px;
color: #b2b2b2;
}

.top-menu li {
list-style-type: none;
display: inline-block;
padding: 4px 7px 4px 9px;
}

#menu {
margin-top: 20px;
float: left;
border: 1px solid #e7e7e7;
width: 100%;
background-color: #f3f3f3;
display: block;
}

#menu li:hover {
background: #29c5e6;
}

Answer 1

[Александр Булгаков]

displya: block ссылке и паддинги что в лишке перенеси в ссылку

Comments

[Иван Антонов]

не работает

[Александр Булгаков]

Иван Антонов: у меня все работает, вот код если не понятно codepen.io/alebul/pen/zBGJXo

[Иван Антонов]

https://habrastorage.org/files/e24/82a/24a/e2482a2... вот что должно получиться, пробую не работает!

[Александр Булгаков]

ну код выше же написал

[Иван Антонов]

Александр, говорю же пробую не работает

[Александр Булгаков]

тогда приводи код полностью, ссылку давай

[Александр Булгаков]

и кстати hover не на ли цепляй а на ссылку

[Иван Антонов]

codepen.io/RUKOLT/pen/vKOVBa

[Александр Булгаков]

как-то так только нифига не пойму что за лишние ссылки генерятся после ABOUT US и внтури него codepen.io/alebul/pen/mEJzJQ

[Иван Антонов]

Александр Булгаков: ну да как то странно

[Александр Булгаков]

Иван Антонов: codepen.io/alebul/pen/mEJzJQ

[Иван Антонов]

Александр Булгаков: Спасибо большое Александр!

Answer 2

[hscode]

Что бы такое сделать то нужно применять свойство не к ссылке а к твоему родителю, который хранит ссылку