HTML 여백에 관한 질문입니다. 도와주세요! 채택완료

위 사진은 두개로 나뉘어져 있고요. 

 1. 첫번째는 링크없이 삽입만되있고요.

<div class="container-bgtype" style="height:865px;background:url(<?php echo G5_THEME_IMG_URL; ?>/gsdmap.jpg) no-repeat center top"></div>

2. 두번째는 링크걸고 사진 삽입했어요. 

여기서 궁금한게 위에 사진은 프레임에 잘 맞게 정렬되어 있는데 두 번째 사진은 왼쪽에 공간이 있습니다.

<검사>로 확인해봐도 margin, border, padding 값은 위 사진과 동일한 0으로 되어있어요.  왜? 왼쪽에 여백이 생겼을까요? 

<div class="container-bgtype" style="width:1912px height:666px;background: no-repeat center top">
                    <ul>
                     <li><a href="https://beta.map.naver.com/search/%EC%84%9C%EC%9A%B8%EC%97%B0%EC%84%B8%EA%B0%90%EC%84%B1%EC%B9%98%EA%B3%BC/place/1122286731?c=14127050.9604950,4509826.4703252,15,0,0,0,dh"target="_blank">
                        <img src="<?php echo G5_THEME_IMG_URL ?>/dentalmap.jpg" /></a></li>
                    </ul>
                </div>