Html IE9兼容怪癖模式下的内联块

我目前正在开发一个html/css菜单。我的问题是，加载菜单时插入的页面会导致浏览器进入怪癖和兼容模式。我无法控制这一切

这是我的css：

.community-menu {    
    margin: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 15px 30px;
    cursor: pointer;
}

#container {
    width: 100%; 
    position: relative;
    text-align: center;
}

我的问题是IE怪癖和兼容性模式中的内联块导致菜单占据其父div的全部宽度

以下是Chrome和Firefox中div的外观：

在IE中，相同的div扩展到父div的全宽

我试图实现的是居中的div，它使用文本内容调整大小，当浏览器调整大小时，文本内容会自动向下推

我从另一个SO问题中找到了一些代码，当在兼容和怪癖模式下使用IE查看时，这些代码显示了我的问题

Spudley的评论后面是一个pic，显示它加载的默认模式

---

尽管上面说的是IE8，但最终结果在IE9中是一样的。在今天不同的pc上：）

当我需要在旧的和古怪的IE中模拟内联块时，我只是用内联块替换内联块。 （带条件注释）

“显示：内联块；”最好更改： { 浮动：左|右； diplay：内联； 缩放：1；

---

}

您能发布一个工作示例吗？HTML会很方便。IE的问题是quirks模式使用的是一个旧的渲染引擎，它不知道像

内联块这样的事情。这是没有办法的。为什么不能使用标准兼容模式？可以控制IE兼容模式。将
X-UA-Compatible:IE=edge
HTTP响应头添加到服务器设置中，或添加
元素以拒绝切换到兼容视图模式。我的代码将添加到我无法控制的网页中。我也无法控制随响应一起发送的http头。但是您将如何添加代码呢？当然，如果您能够添加内容，您可以添加元元素或DOCTYPE声明？我考虑过这一点，但是当我使用内联声明时，边距和填充声明被忽略，因此在跳到新行时菜单元素重叠。