IEのの右上に要素を配置します

スパンの右上にa（div）要素を配置する際に問題があります。これはIE7でFF3で動作しますが、ない：FF3でIEのの右上に要素を配置します

<html> 
<head> 
<style> 
body 
{ 
    font-size: 24px; 
} 

.tag 
{ 
    padding: 3px; 
    background-color: lightblue; 
    position: relative; 
} 

.x 
{ 
    position: absolute; 
    top: 0px; 
    right: 0px; 
    width: 10px; 
    height: 10px; 
    background-color: orange; 
} 
</style> 
</head> 
<body> 
text <span class="tag">tag<div class="x"></div></span> text 
</body> 
</html>

、10×オレンジボックスは水色のボックスの右上隅にレンダリングされます。これをIE7で動作させるのに問題があります。ありがとう！

出典

2009-05-13 Emmett

あなたはIE6を意味した見ることができます！ – ak3nat0n

左上の位置は、両方のブラウザで動作するように見えます。右側に位置するときにのみ壊れます。 – Emmett