Действительно, ой: По поводу стилей - css можно было бы сделать в 1.5 - 2 раза короче. Лучше не используй названия цветов типа "black, white". И используй общие свойства типа "font", "background". А также группируй одинаковые свойства, например: .blog-nav li:first-child:before{content: url('../images/blog-back.png');} .blog-nav li:last-child:after{content: url('../images/blog-forward.png');} .blog-nav li:first-child:before, .blog-nav li:last-child:after {opacity: 0.5; margin: 0 5px 0 2px; } .blog-nav li:first-child:hover:before, .blog-nav li:last-child:hover:after {opacity: 1 !important;} .b-header { background: black; /*лишнее - убери*/ background: rgba(0, 0, 0, 0.6); overflow: hidden; color:white; width:100%; position: fixed; z-index:10; top:-67px; } .b-header__logo { font-family: "Source Sans Pro", serif; font-size:20px; display: block; -webkit-text-shadow: 1px 1px 1px black; -moz-text-shadow: 1px 1px 1px black; text-shadow: 1px 1px 1px black; float: left; margin:6px 0 5px; color:white; text-decoration: none; } По поводу вёрстки - <!DOCTYPE HTML>, и ни одного HTML5 тега.. <ul class="b-works__list"> - делать через ul, с моей точки зрения, странно. IE 7-8 нужен фон прозрачной картинкой