Значение относительного отрицательного значения позиции IE8

Question

Я создаю сайт http://inbrackets.dk/marek/, который выглядит ужасно в IE8, и я действительно не знаю, как его исправить.

Проблема с фотографиями на первой странице. Для того, чтобы перекрывать их немного я использовал:

.marek-photo, 
.aref-photo, 
.truc-photo { 
    left: 80px; 
    position: relative; 
    height: auto; 
} 
.aref-photo { 
    left: -30px; 
} 
.truc-photo { 
    left: -120px; 
} 
.photos { 
    height: auto; 
    float: left; 
    border-bottom: 1px solid #003D3D; 
} 

Я знаю, что этот вопрос не является новым, но я до сих пор не удалось найти правильное решение. Любая помощь очень ценится!

Answer 1

попробуйте вставить библиотеку Modernizr на странице http://modernizr.com

Answer 2

Вы используете запросы CSS медиа, чтобы изменить размер трех изображений до 33%. IE8- не поддерживает медиа-запросы (за исключением print, я считаю). Добавьте общее правило экрана, чтобы установить ширину в 33% или использовать JavaScript.