IE9/CSS/background color/padding issue

Question

У меня проблема с IE9 и css. Похоже, что IE9 не принимает определение заполнения двух элементов p и a. Цвет фона сжимается и находится только в верхнем левом углу элементов. Следующие CSS отлично работает в Firefox, хотя:

<div class="slider">       
    <p class="claim orange">Some Text</p> 
    <a class="claim blue" href="">Some Link</a>   
</div> 

<style type="text/css"> 
.slider p { 
    position: absolute; 
    top: -200px; 
    z-index: 8000; 
    padding: 0.5% 2%; 
    line-height: 100%; 
    color: #fff; 
    white-space: nowrap; 
    text-transform: uppercase; 
} 

.claim { 
    line-height: 100%; 
    font-size: 18px; 
} 

.orange { background: #EF7D00 } 

.blue { 
    color: white; 
    font-weight: bold; 
    padding: 10px 15px; 
    border-color: white; 
} 

.blue:hover { 
    color: white; 
    font-weight: bold; 
    padding: 10px 15px; 
    background: #2e6da4; 
    border-color: #2e6da4; 
    text-decoration: none; 
} 

</style> 

Что может быть проблема и как я могу получить цвет фона работу в IE9 в этом случае?

Answer 1

Ваш код as-is, похоже, не отображает рабочую страницу, по крайней мере для меня в Chrome или Firefox. Элемент p, содержащий «некоторый текст», отображается сверху: -200px, от страницы вверху, а фон белый, поэтому я ничего не вижу, пока не наведю ссылку на ссылку.

Вы забыли указать некоторые ключевые строки в своем коде? Попробуйте вставить все в текстовый файл и протестировать его, прежде чем загружать его в вопрос, или нам будет сложно помочь вам.

Непонятно, что вы пытаетесь сделать здесь!