안녕하세요.
P.223 에 나와 있는 "투명한 gif로 만든 고정위치 툴팁"에 대한 한 가지 문의와 의견 드릴려고 합니다.

* 문의 내용
제공되는 소스에서 CSS내용에 보면
p {
position:relative;
margin:10px 10%;
}
부분으로 지정이 되고 있는데요. p선택자에 position:relative; 로 상대적 위치를 지정하는 이유가 있는건가요?

* 의견
이 예제의 경우에 툴팁의 내용이 길어지면 네모상자로 돌출된 부분이 반복이 되는 문제가 있더라구요.
툴팁의 내용이 항상 짧은 것이 아니라 길어질수 있다고 생각이 되니까요.
그래서 제 나름대로 해결해 보기로는
div.tooltip p선택자에 적용된
background:url("images/tooltipBody.gif") top right;
부분에서 배경 반복을 없애기 위해서
background:url("images/tooltipBody.gif") top right no-repeat;
로 수정하고, tooltip.Body.gif파일이 현재는 세로 크기가 200픽셀인데 돌출된 부분의 아래 부분을 좀 더 키워서 세로 크기를 넉넉하게 500픽셀 정도로 구성한 gif로 제작하면 좋지 않을까 생각이 됩니다.