views:

26

answers:

0

I have some perfectly mundane code that puts 4 check-boxes in a 2x2 table. In Internet Explorer (but not in Firefox,Chrome,Opera, or Safari) the the two rightmost check-boxes will not toggle on and off. Well, they do, rarely, but only in a random haphazard manner. Please note that I have no JavaScript triggers associated with these checkboxes.

Now the kicker: if I move the table containing the checkboxes outside of its containing table, the check-boxes work fine.

Why the rightmost boxes? Why only in IE? It's bizarre. The code for the inner table is below.

Skolem

<table>
  <tr>
    <td>
      <input type="checkbox" name="a" value="1">Accepted
    </td>
    <td>
      <input type="checkbox" name="b" value="1">Cancelled
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name="c" value="1">Complete
    </td>
    <td>
      <input type="checkbox" name="d" value="1">Closed
    </td>
  </tr>
</table>