うーん、styleシートの％記法にはバグがある。

うーん、styleシートの％記法にはバグがある。
特にIEはどうしようもないな。

 <div style="position:absolute; top:30%; left:40%;">
  <div style="position:relative; border:2px dotted #000 ;height:100%;">基準ブロック
    <div class="div1" style="position:absolute;left:1em;top:1em">DIV1</div>
    <div class="div2" style="position:absolute;right:1em;bottom:1em">DIV2</div>
    <div class="div3" style="position:absolute;left:70%;right:70%;top:70%;bottom:70%">DIV3</div>
  </div>
 </div>

以上を NN7 IE6 O7 で表示するとそれぞれ解釈が違う。

教訓: absoluteの中で %を使うのはやめましょう。