この「divボックス」をfirefoxにするには？

Question

メニューの種類によっては、300ピクセル幅のボックスがあり、その中のアイテムは右に揃えてあります。私はなく、FFで、IEとChromeでだけで正常に動作し、次のコードを思い付いた：

<div style="width:300px;" align="left"> 
    <div align="right"> 
     <img src="images/item1.png">  <br/> 
     <img src="images/item2.png">  <br/> 
     <img src="images/item3.png">  <br/> 
     <img src="images/item4.png">  <br/> 
    </div> 
</div> 

UPDATE：FFでは、画像が画面の右側にある、で並ん右の代わりに左から300px。

UPDATE 2：ソリューションは、テキスト整列であるように思われた...

Answer 1

OKを、物事をしようと、多くの後、私はそれを自分自身を発見した：テキスト整列は、トリック を行います（それはここでは、画像を合わせていますが）

<div style="width:300px; text-align:right;"> 
    <img src="images/item1.png">  <br/> 
    <img src="images/item2.png">  <br/> 
    <img src="images/item3.png">  <br/> 
    <img src="images/item4.png">  <br/> 
    </div> 

Answer 2

はそれを試してみてください。

<div style="width: 300px;"> 
    <div style="float: right;"> 
     <img src='images/item1.png' /> 
    </div> 
    </div> 

ああ、また、HTML、パラメータ、使用スタイルを揃える使用しないでください。

Answer 3

この代わりに使用してみてください：

<div style="width=300px;"> 
<div style="float: right"> 
    <img src="images/item1.png">  <br/> 
    <img src="images/item2.png">  <br/> 
    <img src="images/item3.png">  <br/> 
    <img src="images/item4.png">  <br/> 
</div> 
</div> 

Answer 4

この幅を試してみてくださいません幅=

<div style="width:300px;"> 
    <div style="float: right"> 
     <img src="images/item1.png"> 
     <br /> 
     <img src="images/item2.png"> 
     <br /> 
     <img src="images/item3.png"> 
     <br /> 
     <img src="images/item4.png"> 
     <br /> 
    </div> 
</div> 

Answer 5

<div style="width:300px;"> 
<div style="float:right"> 
    <img src="images/item1.png" alt="img"/>  <br/> 
    <img src="images/item1.png" alt="img"/>  <br/> 
    <img src="images/item1.png" alt="img"/>  <br/> 
    <img src="images/item1.png" alt="img"/>  <br/> 
</div> 
</div>