결과를 보면 글자 영역뿐만 아니라 노란색 영역에서도 마우스 포인터 모양이 손가락으로 유지됩니다. 여기서 중요한 개념이 한 가지 등장합니다. <a> 태그는 Inline 요소의 특징을 가지므로 원칙적으로는 width와 height 속성이 적용되지 않아야 합니다. 하지만 Inline 요소에 position: absolute;을 사용하면 width와 height 속성을 적용할 수 있습니다.

<a> 태그는 <li> 태그의 자식으로 포함되어 있고 <a> 태그의 크기는 <li> 태그 안에서 조정됩니다. 현재 <li> 태그의 width와 height 속성의 속성값으로 각각 100px과 50px을 적용한 상태입니다. <a> 태그의 width와 height 속성값이 100%라는 의미는 <li> 태그 안에서 <a> 태그의 크기를 최대한으로 넓히겠다는 뜻입니다. 결국 현재 <a> 태그의 크기는 <li> 태그와 같은 100px과 50px과 같은 상태입니다.