次のコードを取得し、twitter ブートストラップを使用しています。
<div class="span10">
<div class="span2">@Html.Label("lblUsername", "Username : ")</div>
<div class="span7">
@Html.TextBoxFor(x => x.Username)
</div>
@Html.ValidationMessageFor(x => x.Username)
</div>
<div class="span10">
<div class="span2">@Html.Label("lblPassword", "Password : ")</div>
<div class="span7">
@Html.PasswordFor(x => x.Password)
</div>
</div>
<div class="span10">
<div class="span2">@Html.Label("lblName", "Name : ")</div>
<div class="span7">
@Html.TextBoxFor(x => x.Name)
</div>
</div>
<br />
<div class="span10"><input type="submit" value="Submit" /></div>
Chrome と IE での表示方法が異なるのですが、その理由を教えていただけますか? 下の画像を確認すると、どういうわけかテキストボックスの div が IE 9 の次の行に移動します。