checkbox formating and functionality

<input type="checkbox" id="checkentire"> PLAY ENTIRE LESSON
<br>
<input type="checkbox" id="checkloop"> LOOP

css

input[type=checkbox] {
    width:45px;     
    margin:5px 0;
    cursor:pointer;
}
input[type=checkbox]:hover {
    background:lightgreen;
}

Problems:
1. input[type=checkbox]:hover doesn't work at all.
2. cursor:pointer works only on graphic symbol, not on text
3. width:45px increases graphic margins instead of graphic itself.
4. turning on and off works only by clicking on graphic, instead on graphic and text.