파이어폭스에서 로고이미지의 위치가 다르게 나타납니다.

IE7 에서는 이전과 마찬가지로 아무 문제없이 나타납니다.

하지만 파이어폭스에서는 로고이미지가 약간 밑으로 내려와서

로고이미지가 상단메뉴를 약간 가리는 증상이 나타납니다.

밑에 사진을 첨부합니다. 고수님들이 도와주셨으면 합니다.

혹시나 해서 확인해 봤는데

로고이미지 나오는 h1 태그의 margin/padding값은 0 으로 되어있거든요...

참고로 제가 수정한 white.css 일부분을 같이 올립니다.



.
1)파이어폭스




2) IE7






3) white.css

/* Site Layout - Body Wrap */
body { background:#ffffff;}
#bodyWrap { position:relative; width:900px; margin:0 auto; padding:1em 0 0 0;}

/* Site Layout - Header */
#header { position:relative; width:898px; height:114px; border-top:0px solid #323232; border-left:0px solid #d9d9d9; border-right:0px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:20px; z-index:99;}
#header h1 { position:absolute; top:0px; left:0px;}