Big Target Area Radio Buttons

Initially a copy of Madmartigan's fiddle (from stackoverflow) for big target area radio buttons.

by burhans

HTML

<br>
<p>Nice in firefox.  Not so nice in IE.</p>
<label>
    <input name="test1" type="radio">Blamm
</label>
<label>
    <input name="test1" type="radio">Kapow
</label>

CSS

label
{
    background: #999999;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    width: 10em;
}

label:hover
{
    background: #CCCCCC;
    border-color: black;
    color: #333333;
}

label input
{
    margin-right: 4px;   
}