Виталий Желтяков

По факту:
- В рунете 8% пользователей имеют разрешение 1024х768. Прибавьте к этому ещё примерно 10% от владельцев планшетов. Это очень большой процент.

То есть верстка под это разрешение очень даже актуальна.

Что Вы называете пиксельной версткой?

Если Вы всё выверяете попиксельно, пытаясь использовать "красивые" округлённые значения, то ваш начальник прав.
Если Вы стремитесь сохранять пропорции и композицию, то правы Вы. У Уэйншенк было исследование подтверждающие это.

Такой вариант не подойдёт?
htmlbook.ru/css/text-overflow

На рутрекере есть два сборника (по html и css) в формате chm. Это наиболее полные справочники из всех, которые я когда либо видел. Но сразу скажу в них всего нет, т.к. есть десятки не задокументированных возможностей отдельных браузеров

Тот кто говорит об избегании использовании id в селекторах - клинический идиот с завышенной самооценкой. Не слушайте этих людей.

Селекторы по классам и по id - это основа выборки элементов. Селекторы по классам предназначены для определения групп элементов. Селекторы по id для определения конкретных элементов. Сочетание этих селекторов позволяет выделять конкретные элементы в определённых группах.

Вы не бойсь в хроме испытываете?

Используйте таблицу. См. рисунок

Используйте таблицу

Используйте box-shadow с чёткой тенью и цветом фигуры (чтобы сливался). На углах при определённых размерах box-shadow ведёт себя как border-radius (внешне).

Делаете div-обёртку изображения с вашим текстом и фиксированными размерами. Если изображения отключены или не загрузились, то пользователь увидит содержимое блока обёртки.
Решение без JS на чистом HTML+CSS.

C помощью JS пересчитывать положение картинки на заднем фоне при ресайзе.

background-size: cover | contain - вам не подойдёт?

Это происходит из-за того, что элементы li в которые обёрнуты ссылки плавающие (float).

Как сказали выше верстка ужасная. Переделывайте полностью.

У Вас логика попутана.
Во-первых:

$(function(){
		    $('img', '.lang').on('click',function(event){
		        $('img', '.lang').addClass('active');
		        $(this).removeClass('active');
		   		 });
			});

Во-вторых:

<img src="images/ru.png" height="24" width="24"></a>

Ну, и делайте...

Принцип, думаю, понятен

// Отслеживаем нажатие клавиш клавиатуры
$(document).keydown(function(event) {
	// Enter
	if ((event.keyCode == 13)&&($(".ok:visible").size())) $(".ok:visible").click();
	return false;
});

Как я понимаю, Вас интересует это

Размеры контейнеров лучше в %, дочерних в px (min и max).
Размеры текста в em с указанием базы в px.
При работе со слоями только px.

Валидация - это не показатель. Она изначально не поддерживала многие фишки стандарта и сейчас не поддерживает.