모바일로 접근시

오류 주소 : http://m.sunlin.org

모바일 페이지를 만드는 중입니다.

안드로이드 브라우저에서 보시면 가운데 이미지가 왼쪽으로 정렬되어 있는 것이 보이실 것입니다.

그래서 float: center로 바꾸면 한줄로 정렬이 되네요 ㅠㅠ
table에 익숙해서방법을 모르겠네요.
어떻게 하면 이미지가 가운데 정렬이 될 수 있을까요?

<style type="text/css">
div.g4m_gallery ul li{float: left; width: <?php echo $width + 10?>px; height: <?php echo $height + 25?>px; overflow: hidden; margin: 5px 5px 5px; text-align: center;}
</style>