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

В итоге я использовал Hacks благодаря @My Head Hurts.А также я попробую его предложение использовать звездочку (*) для IE7 css.