Изображение в категорию

Кто подскажет правильное решение для размещения изображения в поле "Категория"?

Допустим, можно сделать так.
Вставляем в поле Описания категории вот такой код для размещения изображения

Код:

<div style="float:right"><a><img src="ПУТЬ ДО КАРТИНКИ"></a></div>

Что бы получилось вот так



На форуме получается вот так. Картинка расположена не симметрично. Нужно поднять её чуть выше, что бы выровнять.



Для самого изображения в EXTRA.CSS я добавил

Код:

position: relative;
bottom: 20px;

Изображение поднялось, но осталось лишнее поле в самой полосе Описания Категории. То, что под красной чертой.



Прописываю правило отдельно для этой полосы в EXTRA.CSS

Код:

height: 35px;

Тем самым выровняв полосу Описания Категории. Теперь всё ровно.



НО! При сужении экрана происходит наложение картинки на текст





Я бы и тут конечно мог бы отступы выставить для текста.

Так вот. Основной вопрос.
Более простым способом нельзя вставить изображение в полосу для Описания Категории?

 

Будут у кого какие мысли?

 

Код:

<div style="float:right"><a><img src="ПУТЬ ДО КАРТИНКИ"></a></div>

попробуйте заменить на

Код:

<div style="float:right;vertical-align:middle;"><img src="ПУТЬ ДО КАРТИНКИ"></div>

 

Ну, так же как на моём видео выше происходит.

Я так предполагаю, что нужно отступ для текста самого описания указать.
--- добавлено : 1 янв 2014 в 21:18 ---
вот этот отступ


--- добавлено : 1 янв 2014 в 21:20 ---
после которого текст перекидывает на вторую и последующие строки

 

Короче, если в настройках (Админка - Внешний вид - Настройка стиля - Список разделов/узлов - Описание полосы категории) ставить Внутренний (так же и Внешний) отступ справа - получается вот так

 

Слушай, а интересно.
Так решили или ещё не как.
А это не как не может из за нашего стиля?

 

Нет, это не стиль. Там обычный градиент стоит.

 

Ну что, есть ещё у кого какие мысли?

 

Я вообще не верстальщик, но сделал бы так:
В описание раздела добавьте

В EXTRA.CSS добавьте:

 

попробую