Question

I am unable to check the checkbox in the below code. If <input type="checkbox.. is placed outside the <div> it works fine and not inside the <div>

Any idea why.

<div id="SEL">

  <div style="position:relative; width:100%; height:30px; background-color:#FF5300; bottom:1px;">

     <input type="checkbox" name="test" value="test" style="position:relative; top:5px; left:10px;">

  </div>

</div>  

Answer 1

I cannot reproduce your problem. I can check the checkbox just fine: http://jsfiddle.net/4ugPj/

If you want to check the checkbox by clicking on the orange area, make it a LABEL element and not a DIV: http://jsfiddle.net/4ugPj/1/