Евгений

любой тег {
тут стили
}

Кривое убожество? Вы удивитесь, какие штуки вам сафари может подсунуть. У IE ты хотя бы знаешь, что может быть не так. Ну и вообще дело конечно же в вас.

Где то была статья про это, что лучше писать не краткий вид. И более длинная запись это не минус)

Там всё написано же в коде, посмотрите при ховере на элемент, svg анимируется

Дык сделайте чтобы окно было внутри той кнопки, а не как сейчас.

Удалить неиспользованный код

jQuery Waterwheel Image Carousel

Узнайте значение z-index каждого блока (element.css('z-index')) и сравните

используйте
<div contenteditable="true"></div>

У вас у блоков фиксированные значение (высота и ширина), используйте % для длины и паддинги или min-height для высоты

картинка и поверх svg

Проблема в мониторе, может у вас стоит автоматическая регулировка цвета.

нет

На тачпадах нет события ховер. Так что либо откажитесь от этой идеи, либо делайте по клику событие