IEのバグ

日記

ひょんな事からIEのバグ発見
以下のHTMLをリサイズすると・・・

 <html>
 <meta HTTP-EQUIV="content-type" CONTENT="text/html;charset=EUC-JP">
 <head>
 <title>test</title>
 <style type="text/css">
 <!--
 body {
  background: #9999FF;
  color: #FFFFFF;
 
  margin: 0;
  padding: 0;
  border: 0;
 /*
     margin-top: 0%;
     margin-bottom: 0%;
     margin-left: 0%;
     margin-right: 0%; 
     padding-top: 0%;
     padding-right: 0%;
     padding-left: 0%;
     padding-bottom: 0%;
 */
 }
 
 .header,.footer {
  margin: 0;
  padding: 0;
  border: 0;
  clear: both;
  color: #FFFFFF;
  background: #666699;
 }
 .main {
 /*
  margin: 0;
  padding: 0;
  border: 0;
 */
  float: left;
  width: 50%;
  color: #000000;
  background: #CCCCCC;
 /*
  background-image: url("red.gif");
  background-repeat repeat;
 */
 }
 .recent {
 /*
  margin: 0;
  padding: 0;
  border: 0;
 */
  float: left;
  width: 25%;
  top: 0;
 }
 
 .diary  {
 /*
  margin: 0;
  padding: 0;
  border: 0;
 */
  float: right;
  width: 25%;
  top: 0;
 }
 
 --></style>
 </head>
 <body>
 
 <div class="header">
 <h1>ヘッダ</h1>
 <p>This is header.</p>
 
 </div>
 
 <div class="recent">
 <hr>
 <h1>最近の更新</h1>
 
 <a href="http://n9d.n9d.com/wiki">何処かの頁</a>
 
 </div>
 
 <div class="main">
 <hr>
 <h1>メイン頁</h1>
 <p>This is main.
 こんな感じだろうな</p>
 
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 </div>
 
 <div class="diary">
 
 <hr>
 <h1>日記</h1>
 
 最近の日記
 
 </div>
 
 <div class="footer">
 <p>フッター</p>
 
 <p>フッター</p>
 </div>