Как сделать выделение по всей ячейке?

Question

[smoklew]

Как сделать выделение при наведении на пункт меню по всей ячейке, получается что снизу остается зазор на некоторых разрешениях?
jsfiddle.net/4cv35ukj - Так получается...

Answer 1

[Алексей Зуев]

#menu a {
  - padding: 10px 25px; 
  + padding: 0 25px; 
  + display: block;
}

Comments

[Виталий Волович]

в частном случае работает и
- padding: 10px 25px;
+ padding: 11.5px 25px;

[Moskus]

Виталий Волович: "в частном" - это только для одного какого-то browser-а и экземпляра шрифта. Я вам уже это объяснял.

Answer 2

[Moskus]

Изменить правило на вот такое:

#menu a {
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
}

Потому что высота блока ссылки у вас зависит сейчас от высоты шрифта, как ее интерпретирует browser.
vertical-align при этом не нужен, потому что указано значение line-height