IE7 - поля ввода не принимаются фокус

Question

<form id="user-login" method="post" action="/SignIn"> 
    <div> 
     <div id="edit-name-wrapper" class="form-item"> 
      <label for="emailAddress">Email Address: <span title="This field is required." class="form-required">*</span></label> 
      <%=Html.TextBox("emailAddress", null, new { @class="form-text required", tabindex = 1, size = 60, maxlength = 60 }) %> 
      <%=Html.ValidationMessage("emailAddress") %> 
      <div class="clear"></div> 
     </div> 
     <div id="edit-pass-wrapper" class="form-item"> 
      <label for="password">Password: <span title="This field is required." class="form-required">*</span></label> 
      <%=Html.Password("password", null, new { @class="form-text required", tabindex = 2, size = 60, maxlength = 60 }) %> 
      <%=Html.ValidationMessage("password") %> 
      <div class="clear"></div> 
     </div> 
     <input type="image" src="/content/images/submit-B-btn.png" class="form-submit" tabindex="3" id="edit-submit" value="Log in" name="submit"> 
     <a class="forgot-password-link" href="/ForgottenPassword"><strong>Forgotten your password? &gt;&gt; </strong></a> 
    </div> </form> 

... отображает форму двух полей точно так, как ожидалось, в IE8 (плюс хром, ff ...). В частности, вы можете щелкнуть в любом окне ввода, и основное внимание будет уделено этому. Однако в IE7 это не так - щелчок мышью в любом поле ввода ничего не делает.

Кто-нибудь знает, как получить фокус ввода для работы IE7/6 ..?

UPDATE - это, безусловно, проблема с CSS, поскольку, когда я отключил CSS из Developer Tools, он работал в IE7. Итак, теперь Q, как мне изменить код, предназначенный для разных файлов .css (т. Е. Для IE6/7, & другой для всего остального)?

Answer 1

Нет причин, по которым фокус ввода не будет работать сам по себе. Вероятная причина в том, что вы поместили элемент поверх поля, чтобы вы не смогли его достигнуть, щелкнув.

Вы можете установить цвет фона для элементов, которые, как вы подозреваете, могут покрывать поле, чтобы увидеть, насколько они велики в разных браузерах.

Answer 2

В моем случае, убрав следующий CSS решить эту проблему:

.clear { clear: both; } 
.clearLeft { clear: left; } 
.clearRight { clear: right; } 

.clear, 
.clearLeft, 
.clearRight 
{ height: 0; }