I am developing an asp.net mvc 2 application and am using a Html.TextAreaFor to display a textarea where the user can enter a text which is then stored and sent if needed.
The view which displays this functionality is strongly typed (typeof(Message)). The message has a sender, reciver, subject and message body. The code in the view looks like this
<% using (Html.BeginForm())
{%>
<%: Html.ValidationSummary(true) %>
<fieldset style="height:100%">
<legend>E-mail</legend>
<div class="editor-label">
<%: Html.LabelFor(model => model.To) %>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.To) %>
<%: Html.ValidationMessageFor(model => model.To) %>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.From) %>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.From) %>
<%: Html.ValidationMessageFor(model => model.From) %>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.Subject) %>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.Subject) %>
<%: Html.ValidationMessageFor(model => model.Subject) %>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.Message) %>
</div>
<div class="editor-field">
<%: Html.TextAreaFor(model => model.Message) %>
<%: Html.ValidationMessageFor(model => model.Message) %>
</div>
<p>
<input type="submit" value="SaveMail" />
</p>
</fieldset>
<% } %>
when i open this page in the browser then the submit button is placed over the textarea and i cant get it to render right...anybody help?