I have a form with multiple check boxes I've managed to get them to display in multiple columns but have been unable to get them to line up correctly in those columns. If I use a table to check boxes move when you check them. Any help in lining up my check boxes would be great! Here is the block of code for the check boxes.
<div class="form_item">
<div class="form_element cf_checkbox">
<label class="cf_label" style="width: 150px;">Target Fish: </label>
<div class="float_left">
<input value="Bass" title="" class="radio validate-one-required" id="check00" name="check0[]" type="checkbox" />
<label for="check00" class="check_label">Bass</label>
<input value="Catfish" title="" class="radio validate-one-required" id="check01" name="check0[]" type="checkbox" />
<label for="check01" class="check_label">Catfish</label>
<input value="Perch" title="" class="radio validate-one-required" id="check02" name="check0[]" type="checkbox" />
<label for="check02" class="check_label">Perch</label>
<input value="Salmon" title="" class="radio validate-one-required" id="check03" name="check0[]" type="checkbox" />
<label for="check03" class="check_label">Salmon</label>
<br />
<input value="Drum" title="" class="radio validate-one-required" id="check04" name="check0[]" type="checkbox" />
<label for="check04" class="check_label">Drum</label>
<input value="Walleye" title="" class="radio validate-one-required" id="check05" name="check0[]" type="checkbox" />
<label for="check05" class="check_label">Walleye</label>
<input value="Sauger" title="" class="radio validate-one-required" id="check06" name="check0[]" type="checkbox" />
<label for="check06" class="check_label">Sauger</label>
<input value="Spoonbill" title="" class="radio validate-one-required" id="check07" name="check0[]" type="checkbox" />
<label for="check07" class="check_label">Spoonbill</label>
<br />
<input value="Carp" title="" class="radio validate-one-required" id="check08" name="check0[]" type="checkbox" />
<label for="check08" class="check_label">Carp</label>
<input value="Panfish" title="" class="radio validate-one-required" id="check09" name="check0[]" type="checkbox" />
<label for="check09" class="check_label">Panfish</label>
<input value="Trout" title="" class="radio validate-one-required" id="check10" name="check0[]" type="checkbox" />
<label for="check10" class="check_label">Trout</label>
<input value="Gar" title="" class="radio validate-one-required" id="check11" name="check0[]" type="checkbox" />
<label for="check11" class="check_label">Gar</label>
<br />
<input value="Pike" title="" class="radio validate-one-required" id="check12" name="check0[]" type="checkbox" />
<label for="check12" class="check_label">Pike</label>
<br />
</div>
</div>
<div class="cfclear"> </div>
</div>