Флажок валидатора jQuery для блокировки необходим

Question

Я создал тестовую форму здесь: http://www.sitecdn.net/clients/repcow/form_min.html

Код для флажков выглядит следующим образом:

<div class="optIn">
    <div id="line1">
            <div class="checkbox"><input type="checkbox" checked="checked" value="true" name="MailingListOptIn"></div>
            <div>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
            </div>
    </div>
    <div id="line2">
            <div class="checkbox"><input type="checkbox" tabindex="6" title="This is required." class="required" value="true" name="TermsOfService"></div>
            <div class=""><strong>I agree to the <a rel="tos_popup" name="tos" href="terms_of_service.html">Terms of Service</a>.</strong></div>
    </div>
</div>

нижний флажок устанавливается по необходимости и после того, как кто-то не сможет проверитьПользователь увидит сообщение об ошибке, но после этого флажок станет неактивным (я не могу нажать на него).Понятия не имею, что я сделал неправильно.Возможно что-то с CSS?

Спасибо

Answer 1

Флажок все еще активен, но метка ошибки находится над флажком.Просто настройте макет ...

ошибка здесь:

.optIn .error {
   /*
   left: 0;
   margin-left: -90px;
   margin-top: -12px;
   position: absolute;
   top: 16px;
   width: 200px;
   */
}

этот код все портит.Удалить или переделать это!;)

Совет!Никогда не работайте с абсолютным позиционированием.Если вы действительно этого не хотите ...