HTML/CSS LI 태그 도트이미지가 크롬과 IE가 다르게 보이는 문제

HTML/CSS LI 태그 도트이미지가 크롬과 IE가 다르게 보이는 문제

익스플로러와 크롬브라우저가 <LI> 태그 이미지가 다르게 보인다.

그리고 크롬브라우저도 윈도우XP 와 윈도우7~10 에서 다르게 보인다.

동일하게 보이도록 이미지를 만들어서 CSS 를 적용해주자.

<style type="text/css">

ul { list-style-type:circle; }

li { list-style-image:url('/images/li_dot.png'); }

</style>

도트 이미지는 4 x 4 사이즈로 만들면 된다.