Ошибки верстки, едет верстка в IE9

http://validator.w3.org/check?uri=http%3A%2F%2F91.122.62.102%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 - валидность html

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2F91.122.62.102%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=ru - валидность css

Все браузеры, а тем более ie имеют свои особенности.Чтобы все их учесть нужен большой опыт.Даже проффессиональные верстальщики имеют некий reset.css чтобы привести все к общему знаменателю. Рекомендую воспользоваться bootstrap http://getbootstrap.com/getting-started/. .Ваш сайт идеально походит под его сетку.

webjey, ну, по собсному опыту могу сказать, что если рука набита, то можно сверстать так, что даже на ИЕ8 будет мало чем отличаться от нормальных браузеров.

Надо просто обходить подводные камни, вроде Html5 тегов и цсс3(4) классов, псевдоклассов и единиц измерения, вроде rem. Разбавляя их тем, что эти старые браузеры неплохо едят.

как пример.

font-size:14px;

font-size:1.4rem;

воторой стиль будет опущен движком ИЕ, но при этом сработает первый стиль.

что-же касается сабжа, то разъезда на ИЕ8, как не странно, нет. значит в ие-9 скорее всего где-то прокэшировались стили

по этой же странице, сейчас она так выглядит

а нужно чтоб, блок .inner вот так позиционировался

но почему то, он не хочет, хотя наружный .block имеет text-align:center, а .inner - left.

Как сделать это правильно и почему так не работает?

есть такое решение без inner:

    htmlCalibrate: function(){
        var blockW = $('.block').width(), 
            item = $('.item'),
            itemW = item.width()+(parseInt(item.css('padding-left'))*2)+(parseInt(item.css("border-left-width"))*2);
        $('.block').css('padding-left',blockW%itemW);
    } 

но мне это не нравится, хочется без JS

Sanu0074, margin-left?

vlad00777, WAT ?