Дисплей: блок; не работает для полностью нажатой кнопки

Question

Я пытаюсь сделать мои кнопки полностью интерактивными, но мне что-то не хватает, я думаю, что мое форматирование неправильное или что-то в этом роде. Я думаю, у меня есть все штуки. Некоторые возможные осложнения включают в себя тот факт, что он анимирован.

http://jsfiddle.net/4mHTa/49/

#aboutme:a { 
display: block; 
width: 100%; 
height: 100%;} 

высоко ценим помощь!

Answer 1

Это вина маленькой опечатка, никакой необходимости в этой толстой кишки после #aboutme

#aboutme a { 
    display: block; 
    width: 100%; 
    height: 100%; 
} 

Answer 2

, как Упоминание @pimmey там была ошибка опечатка в

Fiddle

#aboutme a { 
    display: block; 
    width: 100%; 
    height: 100%; 
    line-height:100px; /** align text vertically **/ 
    text-align:center; /** horizontally **/ 
}