Пару вопросов по верстке. Как исправить?

Question

[Петр Волханов]

Верстаю сайт. Первый вопрос - при наведении мышки на пункт Главного меню почему оно не подсвечивается на всю ширину (от правого до левого border'a)? Какое CSS правило нужно прописать?

Второй вопрос - если прокрутить страницу вниз до пункта "TESTIMONIALS", там заголовок сделан как h5 с классом "h5". Я прописал такие CSS стили:

h5.h5:before{
    background-image: url(http://evolutionnailspanj.brandivo.com/wp-content/uploads/sites/30/2015/02/h5.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 101px;
    height: 79px;
}

Но картинка не отображается, почему так происходит?

Answer 1

[Андрей Хохлов]

1. У li в меню "display: inline-block", так как размер шрифта не 0, между такими элементами помещается 1 пробел
2. Блок высотой 19px, а картинка 79px

Answer 2

[archelon]

по второму вопросу - картинка отображается
просто она 101*79px, а высота заголовка всего 20px

Answer 3

[desuvin]

Добавьте свойство
content: "";
position: absolute;

Будет так

h5.h5:before{
    background-image: url(http://evolutionnailspanj.brandivo.com/wp-content/uploads/sites/30/2015/02/h5.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 101px;
    height: 79px;
   content: "";
   position: absolute;
}