<div id="top_wrap">

         <div id="top">

            <h1><a href="index.html">visualplan</a></h1>

                <ul  class="m_menu">

                <li class="information"><a href="sub_1.html">Information</a></li>

                    <li class="business">Business</li>

                    <li class="product">Product</li>

                    <li class="qna">Q&A</li>

                    <li class="last">Community</li>

                </ul>

<생략>

--css--

#top_wrap #top ul.m_menu li.information a{text-indent:-99999%; background:url(images/information.gif) no-repeat; width:80px; height:11px; display:block;} 

포트폴리오용 홈페이지를 만들고있는데 조금 이해하기가 힘든부분이있어서 질문드립니다.

우선 실행은 잘되는데 아무리 생각해봐도 이해하기가 힘들어서 이곳에 질문드려요

위에 보시면 <ul>태그에 <li>  information 에 링크거는 내용입니다.

css에 보면 text-indent(들여쓰기)로 저멀리 보내버린다음 백그라운드 형식으로 이미지를 넣고 링크를 줄려니까 처음에는 되지않았습니다.

생각해보면 링크를걸 텍스트가 저멀리 사라졌는데 링크가 걸리지않는건 당연한건데

여기서 display:block 를 주니까 링크가 걸리는데 이것의 이유가 잘이해가 되지않아요..

블럭요소로 설정하면 밑으로 내려가야하는데 그냥 information글씨도 보이지않는 상태에서 링크가걸리니 아무리생각해봐도 잘모르겠습니다 ㅠ