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%;
}

对于冗长的帖子感到抱歉，这只是我被困在这里很长一段时间..她和

Answer 1

由于@My Head Hurts，我最终使用了Hacks。而且我也会尝试使用星号（*）来表示IE7 css。