Замененные галки и радиокнопки смещаются

[Мимо шел]

Прочитал здесь как менять галки и радиокнопки на свои картинки

http://www.markupartist.com/lab/styled-che...d-radiobuttons/

Они работают, но замененные появляются не на тех местах, где были стандартные, а после всего содержимого ячейки и на строку ниже. Вот все, что про них написано в css

.splash, .splash-default, .heart, .heart-default {

margin: 0 0px 0 0;

width: 15px;

height: 15px;

}

.splash { background: url(splash.png) no-repeat; }

.splash-default { background: url(splash-default.png) no-repeat; }

.heart { background: url(heart.png) no-repeat; }

.heart-default { background: url(heart-default.png) no-repeat; }

Пробовал вписать "display:inline;" - Opera9 совсем перестала их видеть, а в IE6 лишняя строка уходит, но галки появляются в конце ячейки.

С помощью параметра "margin: -15 0px 0 565;" можно подогнать галку на свое место. В IE по прежнему все работает, однако Opera9 перестает работать из-за поднятия вверх (-15). Получается как бы верхняя строка клик не пропускает. С радиокнопками все также.

Ява и все остальное включено полностью.

Подскажите, как так позагонять галки с радиокнопками на свои места, чтоб они работали в Опере?

Спасибо.

[Vlad]

Во-первых, код приведи. Во-вторых, надо всегда указывать единицы измерения - вместо 15 пишем 15px.

[Мимо шел]

Точно, код. Текст, галка, кнопка. Галка почему-то под текстом получается.

{L_AUTO_LOGIN}

Подописывал px - ничего не изменилось.

[Мимо шел]

И даже так писал margin:

margin-top:-15px; magrin-right:0px; margin-bottom:0px; margin-left:565px;

т.к. мне сказали, что Опера и Лиса не понимают конструкции "margin: -15 0px 0 565;". И вообще без "margin" делал. Но все равно при поднятии вверх, верхняя строка как бы перекрывает часть галки. Сам квадрат виден полностью, но верхняя его часть перестает понимать клик. Нижняя понимает. Если поднять на нужный уровень (-15), то уже весь квадрат не понимает клик. Не пойму, c чем это связано.