при выделении (CTRL-A, или мышкой) будет выделяться также и картинка, что иногда неудобно. С бекграундом не будет.
Плюс, если таких кнопок много, то через CSS кода будет меньше.

Хотя можно задачу решить простым вставлением комментариев в HTML. И чёткой договорённостью об этом с Канадской стороной.

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

А по поводу версти – да все именно так, как вы и пишете только у нас FCKEditor вообще вместе с коллегами на работе – пришли к выводу что просто верстка div-ами это одно, а вот верстка дивами под CMS (где можно вставить все что хочешь) это совсем другое.

Вот буквально на днях – что-то типа каталога высоко технологического оборудования (три колонки – справа/слева – новости/анонсы – в центре описание, спецификация). Верстка сложная – с отрицательными marginами и пр. все чудесно.

В один станок клиент в описание вставляет широкую таблицу спецификаций станка. Все падает.

И переверстать то не получится, потому что div не расширяется как td. И если бы было td то у него бы скроллбар появился и он бы понял что сглупил поставив такую таблицу, а тут он нам пишет – а чего оно мол падает?
Наверное все это вам знакомо, наверное и я не так много знаю о блочной верстке. И поэтому стараешься лазиешь по сети, смотришь как другие делают. Но увы чудес не бывает.

http://www.w3.org/TR/html401/struct/objects.html#h-13.8

Что касается “и если клиент вставил свой контент” – так чудес не бывает. Конечно, всё расползётся. Особенно если у владельцев Вася-менеджер копипастом через предоставленный ему визуальный редактов типа tekerik`а постит контент из word`а, и тут же его правит – там и кривые незакрытые таблицы, и кривой код самого телерика и ессно руки Васи.

По поводу слайсов считаю, что заказчик обосновано требует их сохранение. Единственное, он может быть не в курсе, что вы не используете слайсы для верстки, тогда просто объясните ему это.

Что такое слайсы и почему это важно

Слайсы – это направляющее линии по которым в дальнейшем вырезаются картинки и генерится код.

Нужны он для того, чтобы:
а) получить сгенерированный код (в 99% он нафиг не нужен)
б) использовать получившуюся сетку для последующей верстки в случае корректировки дизайна.

Я у своего верстальщика требую грамотной разметки слайсами до написания кода. Во-первых, это заставляет осмысленно подойти к написанию структуры кода. Во-вторых, хорошая сетка в дальнейшем упрощает “перевырезание” элементов при изменении дизайна. Например, взяли и сменили иконки, а размер остался прежним. Верстальщику не нужно думать над тем с какими отступами для теней он вырезал иконки, он просто открывает PSD в IR и пересохраняет слайсы. Дел на 5 минут.

По поводу фоновой картинки.

Есть просто правило: если элемент (картинка) является частью содержимого страницы, то она кодируется соответствующим образом (img).

Например, фотографию интерьера гостиницы не рекомендуется делать фоновым изображением (если нет других объективных причин), а вот фон страницы, ссылки, скругленные уголки не несут самостоятельной информации. Поэтому кодируем их теми элементами, которые для этого больше соответствуют. Это, как бы и есть семантика.

Является ли изображение кнопки самостоятельным элементом, несущим информацию – пусть решает арт-директор.

p.s. И я тоже присоединюсь к просьбе xzirrow – очень хочется посмотреть на работы (можно скинуть на ящик). Мне интересен не столько код, сколь все остальное: тематика, сетки, гаммы, стили.