Html css最小宽度不为'；我不能在谷歌工作

我设计了一个带有页眉、页脚和正文标签的页面。对于页眉和页脚，我设置宽度：100%；我设置了一个最小宽度：1024px；在firefox和IE中，它工作得很好，当最小化窗口时，它保持其最小大小，但在googlechrome中，minwidth不起作用，当我最小化窗口页眉和页脚时，只有窗口的宽度，当我向右滚动时，有空白，它不会扩展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>

---

谢谢您的帮助。

Min width在chrome中运行良好

也许您需要设置背景以查看效果：

 #f-footer
    {
      height:70px;  min-width:1024px;
         background-image:url('../f-images/ffoot.png'); background-repeat:repeat-x;
      background: red;
    }

工作小提琴：

---

在JSFIDLE中，一切正常，但在我的代码中，有更多详细信息，但它不起作用，我不知道问题出在哪里。有没有可能链接到您的网站@Somy J？这是一个相当标准的设置。

 #f-footer
    {
      height:70px;  min-width:1024px;
         background-image:url('../f-images/ffoot.png'); background-repeat:repeat-x;
      background: red;
    }