CSS-Float отключает текстовое поле в IE11 и Chrome

Question

Im очень новый для CSS и веб-разработки.

Для простой формы Im, использующей CSS .float_left для текстовых полей. Second Textbox работает нормально, но первый текст автоматически отключается в IE11 и chrome, но отлично работает в более низких версиях IE (IE8).

Просьба помочь включить первое текстовое поле. ТИА

Пример кода в JSP:

<div class="float_left" style="margin-right: 35px"> 
Phone Number: 
<form:input path="phoneId" size="22" maxlength="8" htmlEscape="true"/> 
</div> 

<div class="float_left" > 

<label>-or-</label> 
<label>&nbsp;</label> 
<label>&nbsp;</label> 
</div> 

<div> 
Email ID: 
<form:input path="emailId" size="22" maxlength="4" htmlEscape="true" /> 
</div> 

Пример кода в CSS

.float_left { 
    float:left; 
    *z-index:-1; 
} 

Answer 1

Отрицательное значение для Z-индекса будет скрывать объект так, проверить его один раз, удаляя что OrElse попытаться дать положительный значение 0.