xanthonyx

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

Да вот у меня в мыслях тоже только flash. Может быть есть другие пути решения?

С помощью свойства "background"

Ребята, подскажите, пожалуйста, как реализовать подобный прогрессбар?

Грубо переработанный вышеуказанный пример: http://jsfiddle.net/anthonydev/58dVS/62/

А это уже спортивный интерес) Если получится реализовать, то ссылку с результатом сюда скину.

Оупс, не заметил) Вот нашел реализации с помощью бордера: http://codeitdown.com/pure-css-responsive-triangles/ http://jsfiddle.net/craigcannon/58dVS/17/ http://jsfiddle.net/josedvq/3HG6d/

Блок фиксированный или резиновый?

У вас "padding" был применен к тегу "li". Я переопределил тег "a" из инлайнового по умолчанию, в блочный, задал padding слева, padding справа ну и выровнял текст ссылки по вертикали с помощью "height: 79px; line-height: 79px" исходя из того, что высота '<div class="header-line">...</div>' 79px. Плюс еще избавился от '<div class="header-line-2"></div>', так как он тут излишний элемент. Вместо него назначил "border-bottom: 10px solid #BD2D30;" диву с классом "header-line".

http://jsfiddle.net/anthonydev/tHKt7/2/

Проблема была в том, что у вас к универсальному селектору "*" добавлен "box-sizing: border-box", а фф его в чистом виде пока что еще не понимает. Добавление "-moz-box-sizing: border-box" решит проблему.

Если нужно создать колонки одинаковой высоты, то вам сюда: http://habrahabr.ru/post/64173/

Да никто тут спорить не собирается) А что если добавить в стили: .clearfix { *zoom: 1;}По-моему это должно убрать багу в 7 осле.

Уберите у .wrapper height: 100%

Почти правильно) Я задал высоту треугольнику и назначил position: absolute. Классу item задал position: relative, чтобы треугольник позиционировался относительного него и, чтобы треугольник позиционировался снизу, ему задал bottom: "минус высота треугольника"