我有一个以 px 为单位的最小宽度的外部容器，以及一个具有最大宽度和少量填充的内部容器（两个 px 也是）。
在 IE 9 中，页面最初显示正确，但是当我放大或重新缩小尺寸时，外部容器似乎拒绝缩小到最小宽度，而是保持在当前宽度并抛出水平滚动条。但是，如果您刷新页面，之后它似乎可以正常工作。据我所知，它只在 IE9 中执行此操作。Chrome、FF、Opera 和 IE6-8 都可以正常工作。没错，IETester 甚至还展示了令人讨厌的 IE6 正确渲染它！仅供参考，我有一个严格的 XHTML 1.0 文档类型，我的 IE9 似乎在 Internet Explorer 9 标准模式下显示该页面。
无需发布我的所有代码，有人有建议吗？
不幸的是，据我所知，似乎没有人遇到过这个问题。另一个花絮，让它变得更奇怪（或者它可能是一个线索），IE9 似乎只在查看服务器上的页面时（上传到我的网站或使用 EasyPHP）时这样做。在本地查看它的行为应如此。
任何信息都会有所帮助，甚至是获得我想要的效果的更好方法。澄清一下，我希望我的页面具有最小和最大宽度，以像素为单位。如果视口大于最大宽度，则需要相等的边距（居中的页面）。如果视口在最小和最大宽度范围内，我希望有少量背景一直可见，以便页面的左右边缘更加明显（而不是仅仅萌芽到边缘浏览器——这是我在内部容器上的填充的地方）。最后，如果视口小于页面的最小宽度（内部容器），我仍然想要填充（填充的小边缘）以及水平滚动条。任何帮助是极大的赞赏，
附加信息：正如我所说，我并不热衷于浏览整个网站的代码并挑选相关材料，但我已经继续写了一个简洁的例子，因为有人否决了我的问题（这并不酷顺便说一句，但业力会得到那个家伙）。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE9 Min-Width Problem</title>
</head>
<body style=" width:100%; height:100%; margin:0; border:0; padding:0;">
<div style=" position:relative; min-width:500px; max-width:100%; margin:auto; background:red; ">
<div style=" position:relative; min-width:0; max-width:1000px; margin:auto; padding:10px; ">
<div style=" position:relative; width:100%; height:500px; background:blue; ">
This is page content
</div><!-- closes content -->
</div><!-- closes inner-wrapper -->
</div><!-- closes outer-wrapper -->
</body>
</html>