MVC 3とRTL - IE9の問題

Question

私は非常に単純なASP.Net MVC3プロジェクトで、文字列とRTLのローカライゼーションを試しています。 - 全ての右側に並ん

---

@model LocalizationExample.Models.HomeModel 

@using Microsoft.License.Ux.Partner.LanguageResources.Order; 
@{ 
    ViewBag.Title = "Index"; 
} 

<h2>@OrderResource.PageTitle</h2> 
<div dir="rtl"> 
     @Html.LabelFor(x => x.Field1) @Html.TextBoxFor(x => x.Field1)<br /> 
     @Html.LabelFor(x => x.Field2) @Html.TextBoxFor(x => x.Field2)<br /> 
     @Html.LabelFor(x => x.Field3) @Html.TextBoxFor(x => x.Field3)<br /> 
</div> 

---

Firefoxで10 &クローム17は、この右側のラベルとテキストボックスの3列になり：私はこのようになりますビューを持っていますブラウザ。

IE9では、最初の2つのテキストボックスには左のラベルがあり、最後のテキストボックスには右のラベルが付いています。すべてがブラウザの右側に配置されています。

bodyタグとhtmlタグまで "dir"を移動しようとしましたが、同じ結果が得られました。これをIE9で正しく表示するにはどうすればよいですか？

ありがとうございます！

Answer 1

彼らはdivの内側にネストしている場合、正しく整列するようだ：

<div dir="rtl"> 
    <div> 
     @Html.LabelFor(x => x.Field1) @Html.TextBoxFor(x => x.Field1) 
    </div> 
    <div> 
     @Html.LabelFor(x => x.Field2) @Html.TextBoxFor(x => x.Field2) 
    </div> 
    <div> 
     @Html.LabelFor(x => x.Field3) @Html.TextBoxFor(x => x.Field3) 
    </div> 
</div>