Дмитрий

Почитайте тут абзац под названием "Важный довесок" - мне помогло избавиться в свое время от дергания.
www.artlebedev.ru/tools/technogrette/html/fixed_in_msie

Потому что блоки имеют стиль inline - из-за этого учитываются пробелы в исходнике между ними.
Сделайте их display:block; float:left; и пробелы уйдут

Через location как раз и пробует автор наверняка, потому что как еще в JS? А работает по разному, потому что одни браузеры понимают что это картинка и просто ее показывают, а другие как файл предлагают. В виде решения можно выдавать не прямую ссылку на картинку, а на скрипт php, который читает файл и выдает его с заголовком content-disposition: attachment и нужным именем файла.

Если контейнер сайта имеет фиксированную ширину, то можно нарисовать одну широкую картинку с прозрачным полем посередине, ширина этого поля = ширине контейнера сайта; а слева и справа ваши иллюстрации. И тогда можно использовать один background:url(...) center top repeat-y;

var pairs = {};
$('[data-letter]').each(function(){
    var data = $(this).data();
    pairs[ data.index ] = data.letter;
});
console.log(pairs.p + pairs.r + pairs.o + pairs.b + pairs.l + pairs.e + pairs.m); // profit!