Проблема в IE 6! Вместе с текстом смещается и сама картинка. - Joomla 1.5: Разработка шаблонов

Здравствуйте.
Я только учусь...

Возникла проблема. Во всех браузерах нормально отображается, но в ИЕ6 при прописывании тега margin-left:20px; текст слева сдвигается вместе с картинкой под ним, что нарушает всю структуру сайта. Нарисовала картинку в виде листка из блокнота, вставила в шаблон (видимо, коряво), всё прописала. Но текст слева находится на самой картинке, поэтому его плохо видно (на кольцах блокнота). Решила "отодвинуть" текст с помощью тэга margin, отодвинула. Но в ИЕ6 текст отодвигается вместе с картинкой, которая находится под ним.

Подскажите, пожалуйста, как решить эту проблему?

Заранее благодарна.

Добавь в таблицу стилей данные для IE путем комментирования пример :
Было :
.inputbox{
width:10px;
}
Стало:

.inputbox{
width:10px;
//width:15px;
}
Таким образом в IE будет width равный 15, а во всех остальных 10,
Это связано с багом в IE он не понимает комментарии

поставь текст в <span class="текст"></span>

и пропиши для этого стиля в css
span.текст {
padding-left:20px;
}

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