1. 말씀하신 부분은 솔루션의 기능적 문제가 아니라 사용하신 이미지의 저장 및 사용방법의 문제로 생긴 현상입니다.
png파일의 경우 크로스브라우징과 용량의 과부하 문제가 발생할 수 있기 때문에, 되도록 gif와 jpg파일을 사용해 주셔야 합니다.
또한, 파일명에 한글 또는 공백이 포함되어있을 경우 이미지가 깨질 수 있기 때문에 영문 및 숫자의 조합으로 지정해 주세요^^

2. gnb의 위치가 틀어지는 문제는 gnb를 감싸는 div에 width값을 잘못설정하셔서 생긴 현상입니다. gnb를 우측으로 정렬하려고 의도하신 것으로 보이는데, 이럴 경우 style속성에 text-align:right을 넣어주시면 우측정렬이 되니 참고해 주시기 바랍니다.^^

전화로 답변해드렸습니다.
최대한 빠르게 조치되게 하겠습니다.
답변을 기다리게 해드려서 죄송합니다.
감사합니다.