文本框Alligator在浏览器上受到干扰

以下是我在表结构中DOM元素的代码。文本框Alligator在浏览器上受到干扰

<table > 
    <tr > 
     <td> 
      <label>Period:</label> 
     </td> 
     <td> 
      @Html.DropDownList("Period", new List<SelectListItem>() { 
                new SelectListItem{Text = "Last 7 Days", Value = "6"}, 
                new SelectListItem{Text = "Last 15 Days", Value = "14"}, 
                new SelectListItem{Text = "Last 30 Days", Value = "29"}, 
                new SelectListItem{Text = "Last 90 Days", Value = "89"}, 
                new SelectListItem{Text = "Last 180 Days", Value = "179"}, 
                new SelectListItem{Text = "Last 365 Days", Value = "364", Selected = true}, 
                new SelectListItem{Text = "Custom", Value = "0"} 
                }, new { @style="margin-right:10px;"}) 
     </td> 
     <td> 
      <input type="text" id="FromDatePicker" readonly="readonly" placeholder="From Date" 
        style="display: none; width: 76px;min-width: 40px;line-height: 25px;margin-right: 3px;"> 
     </td> 
     <td > 
      <input type="text" id="ToDatePicker" readonly="readonly" placeholder="To Date" 
        style="display: none; width: 76px;min-width: 40px;line-height: 25px;"> 
     </td> 
    </tr> 
</table>

以下是我采用div相同的元件，引导结构的DOM元素结构。

<div class="row" style="padding-top:10px;"> 
     <div class="col-lg-6 col-md-6 col-sm-4 col-xs-4"> 
      <div class="row"> 
       <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"> 
        <label>Period:</label> 
       </div> 
       <div class="col-lg-offset-1 col-lg-8 col-md-offset-1 col-md-8 col-sm-1 col-xs-1"> 
        @Html.DropDownList("Period", new List<SelectListItem>() { 
                 new SelectListItem{Text = "Last 7 Days", Value = "6"}, 
                 new SelectListItem{Text = "Last 15 Days", Value = "14"}, 
                 new SelectListItem{Text = "Last 30 Days", Value = "29"}, 
                 new SelectListItem{Text = "Last 90 Days", Value = "89"}, 
                 new SelectListItem{Text = "Last 180 Days", Value = "179"}, 
                 new SelectListItem{Text = "Last 365 Days", Value = "364", Selected = true}, 
                 new SelectListItem{Text = "Custom", Value = "0"} 
                 }) 
       </div> 
      </div> 
     </div> 

     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 "> 
      <div class="row"> 
       <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> 
        <input type="text" id="FromDatePicker" readonly="readonly" placeholder="From Date" style="display: none; width: 100%; min-width:72px; line-height: 25px;"> 
       </div> 
       <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> 
        <input type="text" id="ToDatePicker" readonly="readonly" placeholder="To Date" style="display: none; width: 100%; min-width:72px; line-height: 25px; "> 
       </div> 
      </div> 
     </div> 

    </div>

请参考附有两种输出格式的截图。该问题仅在Mozilla,IE。一切工作正常铬。请参阅 this image 请帮忙。