Алексей Уколов

habrahabr.ru/company/paysto/blog/268771

Ответьте для себя на следующие вопросы:

1. Что я получу, если сделаю это, какие у такого подхода плюсы и минусы?
   
2. Что я получу, если не сделаю этого?
   
3. Зачем я написал вопрос на Тостер, когда это только моё дело - куда и что я складываю в своих проектах?
   

Описано немного сумбурно, но вообще есть box-sizing.

Существует несколько стандартных способов решения вашей задачи. Вот три из них - jsfiddle.net/voqun2sp/3

Условные комментарии не работают начиная с 10 версии.
Для того, чтобы посоветовать вам какое-то решение проблемы, нужно увидеть весь код. По тому куску, что вы выложили, могу сказать, что у вас там происходит что-то странное и как раз то, что выдает IE больше похоже на правду.
По своему опыту скажу, что начиная с IE8 мне ни разу не пришлось использовать какие-то хаки, так что, весьма вероятно, вы где-то стреляете себе в ногу.

Самое простое - обернуть внутренности вашего скрипта в if ($( document ).width() > 480).
Но правильнее, конечно, грузить его только тогда, когда он реально нужен:

if ($( document ).width() > 480) {
  $.getScript( "script.js");
}

Высота картинки должна быть больше, чем изначальная высота прямоугольника - ведь при искажении он увеличивается. Должно быть что-то приблизительно такое.

Uncaught ReferenceError: next is not defined @ (index):117
Uncaught ReferenceError: prev is not defined @ (index):116

Взглянул.

Скорее всего, у вас неправильный путь к css-файлу. По адресу site.dev/css/new.css он открывается?

https://css-tricks.com/vignetting-woes/
jordandobson.com/_expirements/css/vignette

Нужно поставить кнопке type="button". В том браузере, в котором вы тестируете, дефолтный type - submit, а действие по умолчанию вы в обработчике не отменяете, вот форма и отправляется.