http://testsp.cafe24.com/

가로스크롤 값을 {overflow-x:hidden;}으로 줘도 익스10에서 가로 스크롤이 생김니다

그리고 모바일로 볼경우 비주얼 이미지가 옆으로 나가는데 소스상엔 문제가 없는거같은데ㅜㅜ

이건 왜그런지 혹 아시는 분들 안계시나요?

---메인비주얼css------------------------

#main_visual_wrap {width:100%;height:397px;float:left;position:relative;}
#main_visual {padding:0px;margin:0px;width:1920px;height:397px;position:absolute;top:0px;left:50%;margin-left:-960px;z-index:1000000;}
#visualGall {width: 100%; height: 397px; font-size: 0; line-height: 0; position: relative;overflow: hidden;}
.visualUL {width:100%;height:100%;overflow:hidden;}
.visualUL li {width:12px;height:13px;display:inline;}
.visualUL li.last {margin-right:5px;}
.visualUL li span.navi {position:absolute; display:block; width:12px; height:12px; overflow:hidden; z-index:3; cursor:pointer; bottom:20px; margin-left:26%; border-radius:10px; display:none;}
.visualUL li span.navi a {display:block; width:12px; height:12px; overflow:hidden; background:#bbbbbb; border-radius:10px;}
.visualUL li.on span.navi a {background:#f84902; box-shadow:0px 0px 0px;}
.visualUL li span.pic {position:absolute;left:0;top:0;z-index:1;padding:0;margin:0;}
.visualUL li span.pic {display:none;}
#visualGall #ctrlHots {width:1280px; position:absolute;left:50%;top:120px;z-index:2; height:173px; overflow:hidden; margin-left:-600px;}
#visualGall #ctrlHots #btnNextHot {margin-left:1050px;}