IE8 CSS - фоновое поле сидит поверх моего текста

Question

Вот так выглядит мой CSS:

.rounded-box{
  border-radius: 5px;
  background-color: #e4f4fd;
  font-size: 16px;
  margin-top: 18px;
  border: 1px solid #dedef7;
  padding: 18px;
  text-shadow: 1px 1px 0 white;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}


h3 {
    text-shadow: 1px 1px 0 white;
    margin: 10px;
}

А вот так выглядит мой HTML:

    <div class="rounded-box">
            <h3>some text here</h3>
            <h3>some text here</h3>
    </div>

По какой-то причине в IE8 (еще не тестировал его)в других IE) скругленный прямоугольник располагается поверх текста.Когда я загружаю страницу на доли секунды, мой текст закрывается округленным прямоугольником.

(все остальные браузеры отображают текст так, как я предполагал поверх округленного прямоугольника)

Любые иды?

Answer 1

Проблема была с jquery.curvycorners.min.js.Когда я удалил это из моей HTML-страницы, проблема пошла.

Кроме того, это устранило проблему, возникшую на другой странице, где у меня было текстовое поле, которое не отображалось в IE 8.