Sensei

http://jsfiddle.net/sensei/xhG5b/

http://jsfiddle.net/sensei/cRfX9/1/

http://htmlbook.ru/css/value/media

Добавить дополнительный класс или использовать каскад .moduletable menu a { some rules }

Что-то тема продублировалась. Я вам еще вчера предложил решение http://jsfiddle.net/sensei/bZL5H/

max-width: 100%;

http://jsfiddle.net/sensei/bZL5H/ Надеюсь я правильно понял суть проблемы.

http://jsfiddle.net/sensei/56GQM/

Поздравляю!

как-то так http://jsfiddle.net/sensei/z4sZf/ с прижатым футером http://jsfiddle.net/sensei/z4sZf/1/

http://jsfiddle.net/sensei/zLCGE/

можно так извернуться http://jsfiddle.net/sensei/7TadX/1/ но это не гибко, да и старые браузеры пролетают, лучше сделать картинкой.

http://jsfiddle.net/sensei/PG35G/

Народ использует float, потому что в css нет специальных инструментов для создания макета (flex-box пока не в счет). Сравнение изначально некорректно. Я бы еще понял "float vs inline-block", а float и position, как уже писали выше, применяются для решения разных задач, они не являются взаимоисключающими. Использование одного из них в большей степени, в каждом конкретном случае, ничуть не означает, что он лучше. Абсолютное позиционирование нужно, если элемент не должен взаимодействовать с другими элементами. Поэтому делать с его помощью, например, пункты горизонтального меню - бред.

$('.select').on('hover', '.inner', function() { $(this).children().delay(1000).slideToggle(200); });

Инструменты разработчика в хроме (F12)

.cboxElement:focus { outline: none; }

почитайте, http://habrahabr.ru/post/154319/

Не выпадает потому что у #nav прописано overflow: hidden. Вот, держите, подчистил немного http://jsfiddle.net/sensei/3pM56/

У элемента с классом small создаем псевдо-элемент, который перекрывает тень. Для наглядности сделал фон черным http://jsfiddle.net/sensei/jVPa9/2/

так? http://jsfiddle.net/sensei/Vn8du/

можно так http://jsfiddle.net/sensei/jVPa9/1/

http://forum.htmlbook.ru/index.php?showtopic=41867

а что тогда?