css 질문좀 드리겠습니다 채택완료

메뉴를 제작하고 있는데요

css는

#header .lnb ul li a{height:36px;padding-right:54px;display:block; overflow:hidden;text-align:center;}

마크업은

    <li>
     <a href="./?r=en&c=62/98">
      <img src="../../web/upload/eng_lnb06.png" alt="CONTACT" />
     </a>

      <ul>
       <li><a href="./?r=en&amp;c=62/98" >Location</a></li>
       <li><a href="./?r=en&amp;c=62/99" >Sales Network</a></li>
       <li><a href="./?r=en&amp;c=62/100" >FAQ</a></li>
       <li><a href="./?r=en&amp;c=62/101" >Contact us</a></li>
      </ul>
    </li>   

이런식으로 하고 있는데

맨 오른쪽 메뉴에 우측 공간이 54px이 남는데

이 여백 없이 오른쪽에 꼭 맞게 할 수는 없을까요?