Internet Explorer 9 Отображение кнопок отличается от IE10, Firefox и Safari и т. Д.

У меня проблемы с моим сайтом

<a href="#" class="button">read more</a></div>

Этот код отображает закругленную синюю кнопку:

как выглядит: http://i.stack.imgur.com/NQR5r.png

Кажется, я не понимаю, почему. Я переместил страницы своего сайта (например, contact.html about.html) в отдельные папки и назвал их all index.html, поэтому, когда URL-адрес загружается, он не показывает www.websitename.com/contact.html, теперь он показывает www.websitename. ком/контакт. но с тех пор происходит проблема ниже. все остальное прекрасно, все остальное загружается нормально, только эта конкретная кнопка.

Это CSS за кнопкой:

.text .button {
    display:inline-block;
    font-size:30px;
    font-weight:700;
    color:#fff;
    line-height:53px;
    padding:0 37px;
    background:url(../images/button_bg.gif) top repeat-x #308da2;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(../js/PIE.htc);
    position:relative;
    text-decoration:none;
}

ваша помощь будет высоко оценена. благодаря