Блог. Я люблю CSS!

Когда я думал над новым заданием для конкурса, очень хотелось, чтобы его можно было применить на практике. Надеюсь, когда конкурс закончится и определится победитель, решение будет полезным для многих. Итак, поехали.
Необходимо придумать решение для фиксирования блока на странице, как показано на видео.

- Хочу заказать верстку, Вы свободны?
- К сожалению, занят :(
- А хорошего верстальщика не посоветуете?

На этот вопрос я чаще всего отвечаю: “Такого человека, за которого мог бы на 100% ручаться, нет”. После этих слов потенциальный заказчик уходит расстроенный на фриланс, и как дальше складывается его судьба я не знаю…

Сверстать страницу по картинке. При верстке необходимо соблюдать условия:

1. верстка должна в точности соответствовать рисунку (пиксельная точность)
2. верстка резиновая. Левая колонка фиксированной ширины, правая – тянется
3. минимальная ширина страницы 600px
4. футер прижат к низу страницы
5. колонки растягиваются на всю высоту экрана
6. кроссбраузерность Internet Explorer 5.5 +, Mozilla Firefox 2.0 +, Opera 8.5 +, Google Chrome, Safari 3.0 +
7. валидный HTML и CSS
8. чистый HTML и CSS, без javascript, expression и др.

Сверстать список товаров с описанием к ним. Если описание не вмещается в одну строку, оно должно обрезаться многоточием. При наведении на картинку и/или на текст, описание должно показываться полностью. Товар и текст с его описанием являются ссылкой.

Сверстать список товаров каталога по картинке, используя следующий код html:

<ul>
	<li><mg src="img.gif" alt="" /></li>
	<li><img src="img.gif" alt="" /></li>
	<li><img src="img.gif" alt="" /></li>
	<li><img src="img.gif" alt="" /></li>
	<li><img src="img.gif" alt="" /></li>
	<li><img src="img.gif" alt="" /></li>
</ul>

Запускается новый конкурс «Верстальщик – виртуоз»
Тот, кто считает себя продвинутым верстальщиком, мастером блочной верстки, кто не боится сложных задач и стремится к совершенству – этот конкурс для Вас.