Почему надписи лезут друг на друга?

на странице товара w-mob.ru/htc.html блок с надписями отображается криво. А точнее - надписи лезут друг на друга.

Как исправить? И почему возникла такая проблема?


Еще один вопрос -

Почему при переходе на страницу товара (w-mob.ru/htc/htc-sensation.html) пропадает шапка сайта, боковые блоки и футер сайта. Как исправить? Догадываюсь что это не ошибка, а просто необходимо произвести некоторые настройки. Подскажите.

Это проблема качества шаблона.
Исправить можно путём изменения CSS и/или HTML.
Без знаний CSS и HTML самостоятельно менять шаблон будет крайне сложно.
Один вопрос - одна тема.

А где можно взять качественный шаблон grayscale?

Есть базовые знания по css и html. Можете подсказать какие файлы за это отвечают и какая примерно строчка?

1)
Я думаю, шаблон grayscale имеет смысл брать только с сайта его производителя.
Но проблемы могут быть даже в этом случае: т.е. присутствовать в самом шаблоне.

2)
Для нахождения релевантных правил CSS используйте расширение DOM Inspector для Firefox.

3)
Цитировать мои сообщения не нужно.

Установил dom inspector и, честно говоря, ничего не понятно. Может быть для этого нужно специальное образование программиста7!

Можно просто обозначить файлы html и css которые отвечают за расположение блоков товара? И указать где они находятся. Вы же знаете точно как называются и где находятся...

Эти файлы и правила индивидуальны для каждой темы.

вы меня в тупик ставите своими ответами. хочется решить вопрос.

Есть где то описание того, как сравнить эти "индивидуальные правила" или файлы css и html?

Есть целый класс инструментов для сравнения версий программного кода.
Я использую Araxis Merge.

Все решилось перезаливкой стиля. Никаких Dom и Araxis Merge тут далеко не надо!

Можно и перезаливкой решить, но таким образом вы перетираете сделанные ранее изменения.
Другими словами, можно потерять уже проделанную ранее работу.