Ну сверстали и чё? Я за последние четыре СТОЛЬКО САЙТОВ сверстал, что просто опупеть можно. Но я ж не пишу об этом на хабре каждый день…

Поясните, пожалуйста, зачем две ссылки на style.css (одна для IE, вторая для остальных)? Учитывая мой небольшой опыт в верстке, IE всегда корректно обрабатывал тег link в head. Или это новые причуды причуды осла? :) Спасибо за ответ.

лого и кнопку RSS лучше пережать по-нормальному, нахуя там артефакты?

Иконки в хеадере можно было бы сделать и PNG-шками с тенями, чтобы при изменении цвета шапки не перерисовывать иконки. :) А сам фон вполне можно было слабать не одной картинкой.
А в остальном все замечательно. :)

несемантично (кривое слово то какое — жуть) вставлять иконки в меню не несущие никакой смысловой нагрузки на страницу в тегах img, практично, но их место в стилях

и да, логотип в h1 это пи… логотип — это как раз просто картинка, если показывать особо нечего — просто текст.

Учитывая фиксированные размеры thumbs и их расположение, можно было бы не нарушать структуру и сделать thumb-блок абсолютным. Ну и футер феерически несемантичен. Другое дело, если бы у li были бы классы какие-нибудь, объясняющие, что в нем лежит. Но это уже спорный вопрос, по сравнению с первым.

не пртендую на оригинальность, но в css так имхо будет вернее:

*
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

Ребята, вам бы сначало поучится потом статьи писать…
Ошибки:

1. Фикс. ширина. — Верстка аматера, который не умеет верстать масштабируемый сайт.

2. Элемент img, нет размеров изображения.

3. CSS… беда просто, вместо:

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

не проще ли:

* {
margin: 0;
padding: 0;
}

???? Он большое внимание уделил размеру страницы и её исходного кода. ????? :)))))))))

4. размер шрифта в px ???

5. Сначало задаете для h1 margin: 0; padding: 0; потом еще раз:

h1 {
float: left;

width: 288px;

height: 96px;

overflow: hidden;

background: url(../images/logo.png) left top no-repeat;

text-indent: -5000px;

!!! margin: 0 0 25px 0;!!!
}

Рекомендую авторам почитать: CSS — каскадные таблицы стилей. Подробное руководство. 3-е издание
Мейер Э

Ну и: Языки HTML и CSS — Хольцшлаг М.

Ну а потом статьи писать :)

Удачи Авторам в изучении верстки!!!