css - Internet Explorer 7 css 宽度 100% 问题

Question

我该如何解决...

这是我在 IE7 上的屏幕

这是在 IE8 上

我的CSS代码是..

#content{
    font-family:Arial;
    width: 100%;
    min-height: 5em;
    display: table-cell;
    /*vertical-align: middle;*/
    text-align: center;
}

#main_content{
    font-family:Arial;
    position: absolute;
    width: 90%;
    background-color: #f8f8f8; 
  left: 50%;
  margin-left: -45%;
    padding-bottom: 5%;
}

#main_content table{
    font-family:Arial;
    width: inherit;
    border:solid thin #dedede;
    border-spacing: 0;
    border-collapse:collapse;
    text-align:left;
    /*margin-bottom: 5%;*/
    padding-left: 2px;
}

#main_content table tr td{
    font-family:Arial;
    border:solid thin #dedede;
    background-color: #ffffff;
    border-spacing: 0;
    border-collapse:collapse;
    padding:0;
    text-align:left;
    padding-left: 2px;
}

#main_content table tr td input, #main_content table tr td select, #main_content table tr td textarea{
    font-family:Arial;
    width:94%;
    text-align:left;
    border: none;
    margin:0 auto;
    padding: 2% 2% 2% 2%;
}

#main_content table tr td select{
    font-family:Arial;
    width:100%;
}

很抱歉这篇文章很长，只是我在这里卡了很久..hehehe

Answer 1

由于@My Head Hurts，我最终使用了 Hacks。我也会尝试他的建议，即对 IE7 css 使用星号 (*)。