Radio buttons are not selectable in IE 6 or IE 7

HTML & CSS
1

Hello, I am hoping one of the experts here can help me with this annoying problem with IE> I have a series of three radio buttons in a form, which the user should be able to select. In FF2 and FF3 they work fine, but in IE 6 and IE 7 the buttons are not selectable. Clicking on them does nothing. Any ideas? Here is a snippet of the HTML code I am using:


<table width="100%" border="0" cellspacing="2" cellpadding="0" style="margin: 10px 0px 0px 0px;">
	<tr>
     	<td><input type="radio" id="worksfine" value="" style="margin: 0;"></td>
          <td valign="top"><label for="worksfine">Works fine</label></td>
     </tr>
     <tr>
     	<td><input type="radio" id="connectionissues" style="margin: 0;"></td>
          <td valign="top"><label for="connectionissues">Connection issues</label></td>
     </tr>
     <tr>
     	<td><input type="radio" id="softwarenotinstalling" style="margin: 0;"></td>
          <td valign="top"><label for="softwarenotinstalling">Software not installing</label></td>
     </tr>
     <tr>
     	<td>&nbsp;</td>
          <td><input type="image" src="/images/buttons/vote_button.gif" value="Submit" style="margin-top: 5px;" /></td>
     </tr>
</table>
2

You need the name attribute to indicate which group a button belongs to:

<table width=“100%” border=“0” cellspacing=“2” cellpadding=“0” style=“margin: 10px 0px 0px 0px;”>
<tr>
<td><input type=“radio” id=“worksfine” name=“connection” style=“margin: 0;”></td>
<td valign=“top”><label for=“worksfine”>Works fine</label></td>
</tr>
<tr>
<td><input type=“radio” id=“connectionissues” name=“connection” style=“margin: 0;”></td>
<td valign=“top”><label for=“connectionissues”>Connection issues</label></td>
</tr>
<tr>
<td><input type=“radio” id=“softwarenotinstalling” name=“connection” style=“margin: 0;”></td>
<td valign=“top”><label for=“softwarenotinstalling”>Software not installing</label></td>
</tr>
<tr>
<td> </td>
<td><input type=“image” src=“/images/buttons/vote_button.gif” value=“Submit” style=“margin-top: 5px;”

/></td>
</tr>
</table>

3

Thanks! That did the trick.

4
5

This is a great reference. I had seen it before but totally forgot about it. I will definitely bookmark it! Thanks again!