그누보드 입문한지 얼마 안됐어요.

너무 재밌고 신기해요! 게시판 만들줄 몰랐는데 이렇게 쉽게 구현이 되다니 ㅎㄷㄷ네이버에서 자료 검색하고, 여기서 자료검색하면서 나름대로 회사 홈페이지 리뉴얼 하고 있어요.

그런데 문제에 봉착했어요.

nav가 익스에서는 잘보이는데, 크롬에서는 뭐가 삐져나온것 처럼 보이는데다, 겹쳐보이기까지 해요.
이것만 일주일째 잡고 오류가 있는지 보고 있는데 찾지를 못하겠어요.

로컬서버라서 링크 걸어드리진 못하고..

소스 적을께요.

우선 스타일 시트에서

#header {width:960px; float:left;}

.top {width:960px; height:18px; float:left; font-size:10px;
        font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
        text-align:right;}
.top a{text-decoration:none; color:#FFF;}
.top a:hover{text-decoration:none; color:#CCC}

.logo {width:960px; height:80px; float:left; margin-right:20px;}

.nav {width:960px; height:40px; float:left; margin-left:0px;
        border:1px solid #666;
        background-image:url(images/nav_bg.gif); position:relative:}

.nav ul {list-style:none; font-size:14px;
          line-height:30px; font-family:Verdana, Geneva, sans-serif;}

.nav ul li {display:inline; margin: 30px; line-height:30px;
              font-size:14px; font-family:Verdana, Geneva, sans-serif;}

.nav ul a, nav ul a:visited {text-decoration: none; color: #ffffff; line-height:30px;}

.nav ul a:hover, nav ul a:active, nav ul a:focus {color: #a7a7a7; line-height:30px; }


요렇게 줬구요,

html에선 다음과 같이 nav를 불러왔어요.


<div class="nav">

<ul class="nav">

 <li><a href="../greeting.php">CEO Greeting</a></li>
 <li><a href="../history.php">Company history</a></li>
 <li><a href="../bus.php">Bus</a></li>
 <li><a href="../bbs/board.php?bo_table=contact">Spare parts</a></li>
 <li><a href="../ascenter.php">A/S Center</a></li>
 <li><a href="../contact.php">Contact us</a></li>

</ul>

</div>

아무리봐도 잘못된 부분은 없는것 같은데 ㅠㅠ 왜 삐져나오는거죠??
딱 한 30픽셀만큼이라 마진을 조정하기도 하고..line-height를 조정해봐도
계속 저 상태네요;;;
회사에 크롬 쓰는 사람이 많아서 ㅠㅠ 무시하지 못하겠네요

도와주세요 고수님들..