IE는 내 div를 복제하여 원본 아래에 표시합니다. 왜 그런지 몰라?

Question

jQuery 함수가있는 div가 두 개있는 div가 있습니다. 이 IE 아래에는 이유가없는 겉으로보기에는 콘텐츠가없는 동일한 div가 표시됩니다. URL은 http://ht.io-web.com/home-%281%29입니다. Crome이나 Firefox에서 어떻게 보일 것인가를보고 싶다면 다시 IE의 유일한 것입니다. 도와 주셔서 감사합니다. 다음 코드도 있습니다.

<div class="home-upper"> 
<h1> 
Language Learning. <span>Simplified.</span></h1> 
<div class="signup"> 
<div class="buttons"> 
    <span class="shaded"><a href="javascript:tgT()"><span class="green-button huge">Find Tutors</span></a></span><span class="shaded"> <img src="/HireaTutor/media/images/structure/or.png" class="or">&nbsp;&nbsp; <a href="javascript:tgS()"><span class="SignUpGreen huge">Sign Up </span></a></span></div> 
<div class="sign-up white" style="display: block;"> 

     <table cellspacing="0" cellpadding="0" style="clear:both;padding-left:12px;" class="get-started"> 
      <tbody> 
       <tr> 
        <td> 
         Full Name</td> 
        <td> 
         Email</td> 
        <td> 
         &nbsp;</td> 
       </tr> 
       <tr> 
        <td> 
         <input type="textbox" id="fullName"></td> 
        <td> 
         <input type="textbox" id="email"></td> 
        <td> 
         <a href="javascript:GetStarted();"><span class="green-button">Get Started</span></a></td> 
       </tr> 
      </tbody> 
     </table> 

</div> 
<div class="find-tutors white" style="display: block;"> 
    <table cellspacing="0" cellpadding="0" class="find-tutors" style="display: table;"> 
     <tbody> 
      <tr> 
       <td> 
        I speak</td> 
       <td> 
        <select id="spoken"><option>English</option><option>French</option><option>Spanish</option></select></td> 
       <td> 
        and I'm learning:</td> 
       <td> 
        <select id="learning"><option>English</option><option>French</option><option>Spanish</option></select></td> 
       <td> 
        <a href="javascript:findTutor();"><span class="green-button">Search</span></a></td> 
      </tr> 
     </tbody> 
    </table> 
</div> 
</div> 
</div> 

Answer 1

매우 중요한 HTML 오류가 있습니다. 예컨대 :

라인 (103), 칼럼 16 : ID "헤드"이미>
에 "아이디"= "헤드"
< DIV ID를 정의하는 고유 한 식별자이다. 이 속성이 문서에서 사용될 때마다 다른 값을 가져야합니다. 이 속성을 스타일 시트의 훅 (hook)으로 사용하는 경우 id (정확히 하나의 요소를 식별하는 데 사용)보다 클래스 (그룹 요소)를 사용하는 것이 더 적합 할 수 있습니다.

행 3 열 11 : ID "헤드"제 여기서 정의는 은 = "헤드"< 헤드 ID>

---

라인 (158), 칼럼 (17)
: ID "NavMiddle"은 이미 정의 ID "NavMiddle"제 여기 > 정의 : 칼럼 17

라인 156
< 리 ID = "NavMiddle"> 리 ID = "NavMiddle">

---

라인 (180), 열 (23) : 문서 유형은 여기 요소 "스타일"

그 고정하십시오, 그리고 아마 시작할 수를 허용하지 않습니다 예상되는 동작을 확인하십시오.