Jak ustawić szerokość i wysokość pola tekstowego za pomocą CSS?

Oto mój css:

.editor-field textarea {
    width : 400;
    height : 100px;
}

Oto znacznik z mojego widoku:

        <div class="editor-field">
            @Html.EditorFor(model => model.Visit.BehavioralObservations)
            @Html.ValidationMessageFor(model => model.Visit.BehavioralObservations)
        </div>

A oto adnotacja mojego modelu pokazująca atrybut MultilineText:

    [DisplayName("Behavioral Observations")]
    [DataType(DataType.MultilineText)]
    public string BehavioralObservations { get; set; }

Dlaczego nie mogę ustawić szerokości tego pola tekstowego? Mogę dostosować wysokość w moim CSS i wygląda on poprawnie (zweryfikowany za pomocą narzędzi Chrome Developer), ale szerokość się nie zmienia. Chrome mówi, że szerokość jest nieprawidłową wartością właściwości i ma zastosowanie przekreślenia w odniesieniu do nieruchomości wraz z żółtym trójkątem wyświetlanym obok nieruchomości.

FYI nie ogranicza się do Chrome. IE8 ma ten sam problem.

Myśli? Jak to naprawić? Dzięki!

questionAnswers(6)

yourAnswerToTheQuestion