Антон

Конкретно в данном примере чтоб сделать наклоненный фон, его лучше сделать отдельным блоком, не содержащим текст (например, поместить его в блок с текстом, position: absolute и растянуть как нужно). Нужно стремиться, чтоб текст не был в трансформируемых блоках.
Если такой вариант вам подходит, могу показать пример его реализации, видоизменив ваш пример.

Картинка float: left, текст overflow: hidden;

www.macdigger.ru/iphone-ipod/apple-razreshila-iphone-5s-i-iphone-5c-rabotat-v-lte-seti-bilajna.html

.myDiv:empty { border: 0 }
Только убедитесь, что там даже пробелов нет. Ие9+

jsfiddle.net/8p4cg/3/
Если над ИЕ7, вставьте около текста пустые спаны с каким-нибудь классом и замените селектор :before на этот класс.

Тоже, если я правильно понял.
jsfiddle.net/e5sTL/

Не интересно, т.к. надо идти в ногу со временем. Да и в принципе, такой подход глуп, даже по меркам 10 летней давности и не оправдан. И это даже не тянет на демосцену, как какие нибудь bat-игры. Ибо что крутого и интересного сделать цепочку из 1000 страничек, установив между ними связи, я абсолютно не понимаю.

Храню в голове. А генерирую на цифровой клавиатуре, составляякакой нибудь узор (например, конверт). Потом добавляю один какой нибудь символ — еще ниразу нигде не подобрали вроде.

Всю жизньь верстаю в пикселях и все окей. Запись 14 пикселей шрифт намного понятнее для осознания его размера, чем какой нибудь 1,45em. Лично тестировал когда то, так и не понял, почему все так ратуют за em — масштабируется одинаково. Большинство тех, кто высказался выше максимум аргументируют свои em фразами «Потому что так надо», «Потому что так правильно».

на javascript.ru (справа) весьма прилинчый учебник, есть описания важным моментов именно по кроссбраузерности. Например, как кроссбраузерно вешать события, расписан джекверевский domReady и прочие интересные вещи.