상단메뉴 CSS코딩 문제로 IE6,7에서 이상하게 뜨고 있어요.. 고수님들 한번 봐주세요..

</div>
<div style="text-align: left">
<div>.toptxt{display: inline-block; background: #E7E6E6;padding-top: 8px;padding-bottom: 7px;margin-top: 5px;font-family: 'MalgunGothic','dotum';padding-left: 15px;padding-right: !0px;width:250px;</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>color: #7E7E7E;letter-spacing: -1px;}</div>
<div>.top_menu { width:170px; position:absolute; display:inline; margin-left:13px;}</div>
<div>.top_menu ul li{margin:0; padding:0; }</div>
<div>.toptxt2 {width:auto;position:relative; float:right;padding-top:9px;padding-bottom: 9px;padding-right: 7px;margin-top: 3px;font-family:'MalgunGothic','dotum';text-align: justify;letter-spacing:-1px;color:#666666; font-size:12px; outline:none;color:#646464}</div>
<div>.toptxt2 a {float:left;font-family:dotum, Arial, Helvetica, sans-serif;text-align:centr;color:#666666;color:#646464}</div>
<div>.add_favor {position:absolute; float:left; top:13px; padding-left:9px ;}</div>
<div>.add_favor a:hover, a:link  {color:#646464;}</div>
<div>.add_favor a:link  {color:#fff;}</div>
<div>.pd100{padding-left:364px;}</div>
<div>.mr0{margin-right:0}</div></div>
<div style="text-align: left">

</div>
<div style="text-align: left">
<div><!--main_top_addmenu--></div>
<div>
</div>
<div><div class="header_wrap"></div>
<div><ul class="header"></div>
<div>        <li style="float:left"><img src="<?=$g4['path']?>/image/top_bar.png" /></li> </div>
<div><span class="Apple-tab-span" style="white-space: pre">		</span><li class="pd1"><!--img src="<?=$g4['path']?>/image/toptxtbg.png" border="0"--><span class="toptxt">말씀과 기도로 거룩하여 짐이라(딤전 4:5)</span></li></div>
<div>        <li class="like_bt"></div>
<div>        <div id="fb-root"></div></div>
<div>        <script>(function(d, s, id) {</div>
<div>          var js, fjs = d.getElementsByTagName(s)[0];</div>
<div>          if (d.getElementById(id)) return;</div>
<div>          js = d.createElement(s); js.id = id;</div>
<div>          js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1";</div>
<div>          fjs.parentNode.insertBefore(js, fjs);</div>
<div>        }(document, 'script', 'facebook-jssdk'));</script></div>
<div>        <div class="fb-like" data-href="<a href="http://www.seoulshimin.or.kr" target="_blank" rel="noopener noreferrer">http://www.seoulshimin.or.kr</a>" data-width="122" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div><span class="Apple-tab-span" style="white-space: pre">	</span><!--fb-root--><span class="Apple-tab-span" style="white-space: pre">	</span></div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>   </li><!--like_bt--></div>
<div>        <li class="pd100"><a href="<?=$g4['path']?>"><img src="<?=$g4['path']?>/image/topmenu01.png" border="0"></a></li></div>
<div>        <!--li><a href="<?=$g4['path']?>"><img src="<?=$g4['path']?>/image/topmenu02.png" border="0"></a></li--></div>
<div>        <li><a href="<a href="https://www.facebook.com/seoulshimin" target="_blank" rel="noopener noreferrer">https://www.facebook.com/seoulshimin</a>" target="_blank"><img src="<?=$g4['path']?>/image/topmenu03.png" border="0"></a></li></div>
<div>        <li><a href="<a href="http://www.youtube.com/channel/UCtXfE252my6yVBaNOqXAGPw" target="_blank" rel="noopener noreferrer">http://www.youtube.com/channel/UCtXfE252my6yVBaNOqXAGPw</a>" target="_blank"><img src="<?=$g4['path']?>/image/topmenu04.png" border="0"></a></li></div>
<div>        <li><a href="javascript:void(0);" onclick="{window.external.AddFavorite('<a href="http://www.seoulshimin.or.kr','<?=$g4['title']?>')}" target="_blank" rel="noopener noreferrer">http://www.seoulshimin.or.kr','<?=$g4['title']?>')}</a>"> <span class="add_favor">바로가기</span><img src="<?=$g4['path']?>/image/topmenu05.png"  style="cursor:pointer;" border="0"></a></li></div>
<div>        </div>
<div>    <li class="top_menu">   </div>
<div>       <ul> </div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span><? if (!$member['mb_id']) { ?><!--로그인전--></div>
<div>        <li><a href="<?=$g4['bbs_path']?>/register.php"><!--img src="<?=$g4['path']?>/image/rog01.png" border="0"--><span class="toptxt2">회원가입  |</span></a></li></div>
<div>        <li><a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>"><!--img src="<?=$g4['path']?>/image/rog02.png" border="0"--><span class="toptxt2">로그인  |</span></a></li></div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span><? } else { ?><!--로그인후--></div>
<div>        <li><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php"><!--img src="<?=$g4['path']?>/image/rogs.png" border="0"--><span class="toptxt2">정보수정  |</span></a></li></div>
<div>        <li><a href="<?=$g4['bbs_path']?>/logout.php"><!--img src="<?=$g4['path']?>/image/rogout.png" border="0"--><span class="toptxt2">로그아웃  |</span></a></li></div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span><? } ?></div>
<div>        <li><a href="#" class="sitemap01"><!--img src="<?=$g4['path']?>/image/rog03.png" border="0"--><span class="toptxt2">전체메뉴</span></a></li       </div>
<div>     ></ul></div>
<div>     </li></div>
<div>     <!--//top_menu --></div>
<div>     </div>
<div>
</div>
<div>        <li style="float:right"><img src="<?=$g4['path']?>/image/top_bar.png" /></li> </div>
<div></ul></div>
<div><!--//header--></div>
<div></div></div>
<div><!--//header_wrap--></div></div>
<div style="text-align: left">

</div>
<div>
<div>/* Menu */</div>
<div>.wd100{width:106px !important}</div>
<div>.wd101{width:128px !important}</div>
<div>.wd102{width:98px !important}</div>
<div>.wd103{width:103px !important}</div>
<div>.wd104{width:98px !important}</div>
<div>.wd105{width:97px !important}</div>
<div>.wd106{width:108px !important}</div>
<div>#at-menu {float:left;position:relative; display:block;width:738px !important;}</div>
<div>#at-menu .menu-wrap, #at-menu .menu-box { position:relative; height:110px; z-index:100;}</div>
<div>#at-menu .menu { position:relative; left:0px; top:0; z-index:100; margin:0px; padding:0px; border-right:0; height:110px; background:#3D799D;}</div>
<div>#at-menu .menu ul { margin:0; padding: 0px; list-style-type: none; }</div>
<div>#at-menu .menu ul li { float: left; display: inline; position: relative; height:110px; line-height:39px; font-weight:bold; z-index:100;background:url(/image/menu02_bar.png) no-repeat 100% 50% }</div>
<div>#at-menu .menu ul li:last-child{background:none}</div>
<div>#at-menu .menu ul li+li+li+li+li+li+li{background:none}</div>
<div>
</div>
<div>#at-menu .menu ul li:hover {white-space:nowrap; </div>
<div>    background-color: #48AFED;</div>
<div>    transition: all 0.3s ease 0s;</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>-webkit-transition: all 0.3s ease 0s;</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>}</div>
<div>#at-menu .menu ul li a {color:#fff; padding-left:18px;padding-top:35px; text-decoration:none; display:block; overflow:hidden;line-height:20px;text-align:center;font:15px "NanumGothic";font-weight:bold;white-space:nowrap;}</div>
<div>#at-menu .menu ul li a span{font-family: Arial, Helvetica, sans-serif;text-align: justify;font-size: 12px;line-height:25px;white-space:nowrap;}</div>
<div>*html#at-menu .menu ul li a { display: inline-block; }</div>
<div>#at-menu .menu ul li a:hover { color:#fff;}</div>
<div>#at-menu .menu ul li ul { background:#3D799D;border-top: 1px solid #707070; position: absolute; left: 10px; display: none; visibility: hidden; text-transform: none; font-weight:normal; margin-left:-1px; }</div>
<div>#at-menu .menu ul li ul li {background:none;border-bottom:1px solid #265571;box-shadow:0px 1px 0px rgba(255, 255, 255, 0.1); float: none; display: list-item; z-index:9999; display: list-item; z-index:9999999999999999;line-height:36px; height:36px;}</div>
<div>#at-menu .menu ul li ul li a { font-weight:normal; color:#fff; margin: 0px; padding:0px 20px; font-size: 12px; visibility: visible; display:block; line-height:36px;white-space:nowrap;}</div>
<div>#at-menu .menu ul li ul li a:hover { background:#3c3e43; color:#fff; }</div>
<div>#at-menu .menu ul li ul li ul { top:0; margin-left:150px; margin-top:-1px; background:#000; }</div>
<div>#at-menu .menu a.on { backgroun<span class="Apple-tab-span" style="white-space: pre">	</span>d:#3c3e43; color:#ff3300; }</div>
<div>#at-menu .menu span.new { background: url('./img/new_icon.png') no-repeat center right; padding-right:15px; }</div>
<div>#at-menu .menu span.old { }</div>
<div>#at-menu .menu span.old:hover { }</div>
<div>#at-menu .menu .downarrowclass, #at-menu .menu .rightarrowclass { display: none; }</div>
<div>#at-menu .menu-bg { display:none; } </div>
<div>#at-menu .menu-bg-full { background-color:#1e1f22;  position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; } </div>
<div>.menu100{width:106px}</div>
<div>.menu200{width:128px}</div>
<div>.menu300{width:98px}</div>
<div>.menu400{width:103px}</div>
<div>.menu500{width:98px}</div>
<div>.menu600{width:97px}</div>
<div>.menu700{width:108px}</div>
<div>.box{float:left;width:305px;height:80px;border:1px solid #d4d1d1;margin-top:10px;margin-left:10px}</div>
<div>.box img{float:left}</div>
<div>.box span{float:left;font-size:17px;font-weight:bold;margin-top:35px;margin-left:5px;margin-right:5px; font-family: 'NanumGothic';letter-spacing:-0.5px}</div>
<div>.liimg01{margin-top:7px;margin-left:5px;margin-right:5px}</div>
<div>.liimg02{margin-top:35px}</div>
<div>/*menu_end*/</div></div>
<div>