zooks

Как новичку сразу скажу, что так делать не нужно. Если сайт не слишком популярный (вроде поисковиков и крупных порталов), то пользователи IE должны страдать. Не стоит пытаться облегчить их жизнь совместимостью со старьем - это дорога в никуда.
Если пользователь не может поставить себе Firefox, или пнуть админа, то это его личные проблемы. Страница должна функционировать, но не обязана соответствовать макету.

Пиксель - единица графической информации. Не нравится как выглядит рамка в 2 пикселя - измените цвет.

Передать и SASS и CSS. Если программист нормальный, он сможет редактировать SASS.

Нужно сделать поворот по состоянию hover с включенным CSS transition.

Сделайте себе сборщик проекта на Gulp.js на локальном хосте.
Подключение less.js к странице - не нормальная практика. На хостинге должен работать финальный CSS-файл.

Для выноса заинлайненых стилей в аттрибутах тегов (какой "чудак" это делал?) в файл CSS рекомендую использовать Dreamweaver, там есть такая функция.

Сейчас мода на "постпроцессоры CSS", которые таковыми не являются.
Лишний код? Что напишешь, то и будет.
Насчет связи с адаптивкой - гуглите Susy, Bourbon. Но два года назад они уже существовали.

Обычно кладут готовый CSS-файл для тех, кто не справится с компиляцией.

Для вашего движка OpenCart нужно отредактировать пути в файлах config.php и admin/config.php.

Можно, но это жуткий костыль. Никогда не делайте так как в ответе Дмитрий.

Убрать фильтр вообще. Даже Microsoft их не рекомендует использовать.
Оставить только фолбек на background-color.

background: #fefefe;
background: linear-gradient(#fff, #fefefe 64%, #f5f5f5);
border-radius: 4px;

Вот здесь описано как с помощью CSS заверстать различные геометрические фигуры:
https://css-tricks.com/examples/ShapesOfCSS/

Еще одна хорошая ссылка:
enjoycss.com/gallery/shapes/dN

Потому что это самый новый тег. В подсветку его почему-то еще не включили.

Я где-то видел подобный скрипт карусели. Посмотри в коде страницы, с которой снимал скриншот.
UPD: нашлась www.bkosborne.com/jquery-feature-carousel

Лично я использую модифицированный reset.css из Compass, там есть новые HTML5 теги.
Но многие уже пользуются normalize.css. Как пишут выше, в reset иногда неудобно прописывать базовые отступы для всех элементов, например параграфов.

Еще одно недавнее обсуждение:
Как использовать normalize.css, а не reset.css при верстке сайтов с проработанным до мелочей дизайном?

Грамотней всего обрезать через PHPthumb.

Проверьте подключен ли <base href="[[++site_url]]" />
По путям смотрите где лежит файл, есть ли к нему доступ - попробуйте открыть в браузере.

Конечно, ведь portable IE не бывает.
Ставьте IETester - он работает как выставление режима совместимости в самом IE.
Кстати в Windows 10 для пущей совместимости есть IE11.

Используй препроцессоры, конкретно рекомендую libsass - SASS, портированный на C.
Подключается как nodesass к Gulp.js.
Ну и возьми литературку по CSS, восполни пробелы в знаниях.

abbr сам по себе не имеет оформления. Смотрите примененные к нему стили.