html - css min-width が googlechrome で機能しない

Question

ヘッダーとフッター、および本文タグを含むページをデザインしました。ヘッダーとフッターの width:100%; を設定します。min-width: 1024px; を設定します。FirefoxとIEではうまく機能し、ウィンドウを最小化すると最小サイズが維持されますが、googlechromeでは最小幅が機能せず、ウィンドウのヘッダーとフッターを最小化するとウィンドウの幅しかなく、右にスクロールすると空白があり、 100%拡張するわけではありませんが、コンテンツに関してはすべて問題ありません。ここに html と css コードの一部を置きます。

<div id="f-page">
  <div style="width:100%; min-width:1024px; z-index:800;
   background-image:url(fimages/headerbg.gif); height:120px;"> 
   <center>
    <div id="f-header"></div>
   </center>
   </div>
   <div id="f-mypage"></div>
    <div id="f-footer">
     <center>
    <br />
    <h6> some text</h6>
     </center>            
</div>
</div>

CSS:

#f-footer
        {
           height:70px;  min-width:1024px;
           background-image:url('../f-images/ffoot.png');
           background-repeat:repeat-x;
        }
#f-header {width:1024px;height:120px;z-index:1000;}
#f-page {margin:0 auto;}
#f-mypage
        {
          width:1004px;height:auto; background-color:White; margin-top:10px;
          padding-bottom:30px;border:1px solid #cccfcb;
          -moz-box-shadow:5px 0 5px -5px #333,-5px 0 5px -5px #333;
          -webkit-box-shadow:5px 0 5px -5px #333,-5px 0 5px -5px #333;
          box-shadow:5px 0 5px -5px #333,-5px 0 5px -5px #333; 
        }

助けてくれてありがとう。