HTML-тег выбора больше в Mozilla Firefox?

Question

Я использую Asp.NET Mvc 3 для создания веб-страницы, поэтому обнаруживаю, что мои комбинированные списки (html-теги select-option) отличаются в Firefox и других браузерах (Chrome и IE).

Я пытаюсьвручную добавьте высоту в мой выпадающий список, но это будет иметь тот же эффект.

Вот некоторая часть моего кода

<div id="filter-box" >
  <div id="car" >
    <p><label>@ViewResources.TuningStrings.GalleryFilterManufacturer</label></p>
    <p>
        @Html.DropDownListFor(m =>m.CarName,new List<SelectListItem>(), new{id="carnames"})
    </p>
   </div>
   <div id="model">
    <p>
        <label>@ViewResources.TuningStrings.GalleryFilterModel</label>
    </p>
    <p>
        @Html.DropDownListFor(m => m.ModelName, new List<SelectListItem>(), new { id = "models"})
    </p>
    </div>
    <div id="year">
    <p>
        <label>@ViewResources.TuningStrings.GalleryFilterIssueYear</label>
    </p>
    <p>
        @Html.DropDownListFor(m => m.Year, new List<SelectListItem>(), new { id = "years" })
    </p>
    </div>

    </div>

Итак, досадно, что моя кнопка фильтра имеет другую позицию относительно моейвыпадающие спискиГде ошибка?

Answer 1

Выбор HTML очень различается между браузерами с точки зрения размера.В основном это связано с тем, как они выглядят по-разному между собой.Это один тег, который даже при перезагрузке трудно получить точный кросс-браузер.