Como faço para definir a largura e a altura de uma área de texto usando CSS?

Aqui está o meu css:

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

Aqui está a marcação da minha opinião:

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

E aqui está a anotação do meu modelo mostrando o atributo MultilineText:

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

Por que não posso definir a largura dessa área de texto? Posso ajustar a altura no meu CSS e parece correto (verificado com as ferramentas do Chrome Developer), mas a largura não muda. O Chrome informa que a largura é um valor de propriedade inválido e que um aviso é aplicado à propriedade, juntamente com um triângulo amarelo exibido ao lado da propriedade.

Para sua informação, isso não está limitado ao Chrome. O IE8 tem o mesmo problema.

Pensamentos? Como faço para corrigir isso? Obrigado!

questionAnswers(6)

yourAnswerToTheQuestion