радио кнопка «Проверено» не работает

Question

Не могли бы вы помочь мне, почему мой проверенный вариант в следующем коде не работает?

<div class="span1"> 
    <h7>&nbsp;&nbsp;&nbsp;&nbsp;Sex</h7> 
    <label class="radio"> 

    <input id="pccf_sexMF" name="pccf_sexMF" value="M" type="radio" checked class="span1" > M 
    </label> 
    <label class="radio"> 
    <input id="sexMF" name="pccf_sexMF" value="F" type="radio" class="span1"> F 
    </label> 
    </div> 

Благодаря

Answer 1

Он работает на этом fiddle

<div class="span1"> 
    Sex 
    <label class="radio">M</label> 
    <input id="pccf_sexMF" name="pccf_sexMF" value="M" type="radio" checked="checked" class="span1"/> 
    <label class="radio">F</label> 
    <input id="sexMF" name="pccf_sexMF" value="F" type="radio" class="span1"/> 
</div> 

• Первый - нет такой вещи, как h7
• Только текст должен быть в метке, а не вход

Answer 2

Как я уже сказал в своем комментарии, у вас может быть еще один элемент с position:absolute, который будет охватывать ваш div, потому что его высота больше, чем вам нужно. Что-то вроде этого:

http://jsfiddle.net/hescano/8T7Nc/

Чтобы избежать этого, вы можете установить ваш ДИВ относительное положение:

<div class="span1" style="position:relative"> 

http://jsfiddle.net/hescano/8T7Nc/1/