Не получается поставить картинку поверх checkbox

[Hatton]

 

 

Здравствуйте. Посмотрите пожалуйста на код, может сможете помочь.
 
Есть код HTML
 

<div class="checkbox"><input type="radio" value="2" name="option" id="2"/><label for="2">текст</label></div>

 
и CSS
 
 

.checkbox {position:relative;padding-left:25px;}.checkbox input[type=checkbox], .checkbox input[type=radio] {display:none;}.checkbox label:after {content:'';display:block;height:24px;width:24px;outline:2px solid #939598; position:absolute;top:0;left:0;bottom-radius:5px;outline-radius:50px;}.checkbox input[type=checkbox]:checked + label:after, .checkbox input[type=radio]:checked + label:after { position:absolute;background:url(images/galka.png) repeat-x;}

[wwt]

Оформите код вот сюда http://jsfiddle.net/и картинку залейте куда-нибудь на хостинг картинок.

[Алёна Стрелкова]

.checkbox label:after { content:''; display:block; height:24px; width:24px; outline:2px solid #939598; position:absolute; top:0; left:0; bottom-radius:5px; outline-radius:50px; }

у вас же размеры 24px на 24px, как туда картинка должна поместиться?

попробуйте сделать две картинки разных, увеличить размеры label:after в высоту и менять их

[Hatton]

Большое спасибо за то, что откликнулись на помощь. Ваши советы мне помогли.