묻고답하기

안녕하세요^^!
오늘도 새로운 벽에 부딪쳐 끙끙거리고 있습니다..
두가지 질문이 있습니다!
첫번째, 사진에서 보이는 검은색 동그라미 부분입니다. 
위에 div id="mainmenu"와 div id="contenttop"의 경계가 저렇게 1px정도 해상도에 따라 옆으로 밀립니다.
큰 해상도에서는 잘보이는데 말입니다..
http://acool5.cafe24.com/xe/teeee
홈페이지 주소입니다. 익스9으로 개발자 도구로 보시면 편하실겁니다.
css에서 보면
#mainmenu { position:absolute; top:60px; left:3px; width:940px; height:59px; margin:0px; padding:0 0 0 13px; overflow:hidden; background:url(../images/gnb_bg.png) no-repeat top; }
에서 left:3px를 4px로 바꾸면 작은 해상도에선 잘보이고 큰해상도에선 또 1px정도 밀립니다..

두번째, 큰 메뉴는 이미지로 잘보이는데요 롤오버시 아래 뜨는 작은메뉴는 이미지가 안먹더라구요
보니까 왼쪽이나 오른쪽에 서브메뉴로 띄우는 페이지에선 이미지 먹은게 보이는데 말입니다.
저렇게 롤오버시 뜨는 메뉴엔 이미지를 어떻게 씌우나요?(제로보드 제어판에서 메뉴에서 설정하는 이미지는 사이드메뉴시에만 이미지로 보이더라구요...)

error.png