레이아웃 파일 첨부합니다.

layout.html에는 딱히 글 크기를 정한곳은 없고.
css파일에
@charset "utf-8";
/* CSS Document */

    /* 레이아웃 배경색 */

body {
    background-color: #FBCCE8;
}

    /* 레이아웃 기본구조 */

#haniani { width: auto; margin-left:auto; margin-right:auto; }
  #wrap { width: 840px; margin-left:auto; margin-right:auto; }
    #first { height: 47px; overflow: hidden; background-image:url(../images/css1/layout_01.gif); width:840px; }
    #menu { height: 153px; overflow: hidden; background-image:url(../images/css1/layout_02.gif); width:840px; }
      #logo { overflow:hidden; max-width:300px; max-height:153px; float:left}
      .menu1 { width:500px; overflow :hidden; float:right}
      .menudiv { width:100px; float:left; }
      .menubox { width:100%; overflow:hidden; }
      .mainmenu { font-size:13px; font-weight:bold; color:#000; line-height:210%;}
      .submenu { font-size:12px; color:#000; line-height:170%}
    #main { min-height: 550px; height: auto; overflow: hidden; background-image:url(../images/css1/layout_03.gif); background-repeat:no-repeat; background-color:#FFF; width:840px; }
      #content { height: auto; overflow: hidden; width:800px; margin-left:auto; margin-right:auto; }
    #footer { height: 50px; overflow: hidden; background-image:url(../images/css1/layout_04.gif); width:840px; }
    #copyright {height: 30px; width:840px; text-align:right; margin-left:auto; margin-right:auto; }

A:link { text-decoration:none; color:#000;}
A:visited { text-decoration:none; color:#000;}
A:active { text-decoration:none; color:#000;}
A:hover {color:#000; text-decoration:none;}

이런식으로 되어 있습니다.
그런데 글 크기가 익스7과 파폭에서 다르게 보이네요;
다른데 말고 여기 XE사이트만 봐도 안그런데..
어딜 수정해야 할까요? 조언 부탁드립니다.