asp.net - aspx 页面布局在 IE9 中失败

Question

我正在尝试解决一个我不太确定应该如何解决的问题。(我看过一些东西并尝试过但没有成功)。我有一个将用作栏的 aspx 页面。它应该看起来像这样(在 chrome 中):

但是当我在 IE9 中运行它时，我得到了这个:

在 IE9 中，栏被分成两部分，“描述”标签和文本框/按钮都被推到一侧。

这是我的 css(我验证了它并且没有错误):

<style type="text/css">
    .mainContentHolder
    {
        margin: 0;
        background-color: #f3f3f3;
        border: solid 1px #a1a1a1; 
        min-width:890px;
        width:920px;
        height:50px;
    }
    .mainContentHolder h3
    {
        font-size:13px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 20px;
        margin-right: 1%;
    }
    .mainContentHolder label
    {
        font-size: 11px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 20px;
        margin-bottom: 10px;
        margin-right: 1%;
    }
    .mainContentHolder input
    {
        width:70px;
    }
    .ui-dialog
    {
        font-size:12px;
    }
    .ui-widget-header
    {
        background: #8D122B;
    }
    .ui-datepicker
    {
        font-size:12px;
    }
    #quickNoteHeader
    {
       color: Green; 
    }
</style>

Answer 1

Internet Explorer 10 修复了这个问题