У меня возникла проблема. есть страница http://www.sgustok.org/archive/demo/demo.html . справа идет ряд блоков (content-right-music). не могу разобраться почему под Firefox и Opera после каждого блока появляться ненужный пробел (отступ). Подскажите пожалуйста как его убрать!

CSS стиль блока content-right-music:




HTM Код: 

Очевидно, что связано это с так называемыми "пробельными символами", если вы, например, напишете теги слитно:

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

спасибо помогло) 

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

если использовать "плавающие блоки" то этого не добиться. 

может есть какой-то другой способ избавиться от этих "пробельных символов"?

спасибо)

Универсального красивого решения, насколько мне известно, нет. Из некрасивых вариантов, кроме простого удаления пробелов, можно предложить следующее:

• Обнулить размер шрифта для общего контейнера, для самих инлайновых блоков вернуть дефолтный (не панацея для старых Опер);
• Задать общему контейнеру word-spacing: -0.3em, для самих инлайновых блоков вернуть word-spacing: 0;
• Задать блокам margin-right: -0.3em;
• Использовать не дивы, а список, воспользоваться опциональностью закрывающих тегов для LI (IE7-, как недавно выяснилось, в любом случае игнорирует закрывающие <li>);
• Обернуть пробелы между тегами в комментарии (хотя это еще хуже, чем просто удалить их)...

На мой взгляд, простое удаление пробелов (поднять открывающие теги к предыдущему закрывающему) - наименьшее зло.

для вёрстки по phoshop макету можно ли div'ы располагать inline-block,чем делать их плавающими? не является ли это чем-то в корне неверным?

Можно, не является, определяется задачей. У инлайн-блоков есть дополнительные бонусы по сравнению с "поплавками" (напр., их можно по-разному выравнивать по вертикали, центрировать по горизонтали и т.д.), но есть и трудности (та же значимость межтеговых пробелов).

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

<div></div><div
></div>

Вариантов куча. Обычно такие блоки всё равно генерятся шаблонизатором и достаточно один раз его настроить.