Encountering a curious issue in IE9: When hovering over my top level wrapper div, the first radio button seems to be triggered as though it's being hovered over. This means that even if the last radio input is selected, clicking anywhere within the wrapper will revert the selection back to the first option. The light blue color on the first radio input changes back to gray once the mouse hovers off the wrapper div.
Remarkably, everything functions correctly in FF, Chrome, and IE Compatibility Mode.
I have attempted to replicate the problem by creating a simplistic page with inputs, but have not been successful in doing so compared to my larger web page where the issue resides.
If anyone has insights into what might be causing this strange behavior and how to rectify it, your assistance would be greatly appreciated.
Edit#1: Code Snippet:
<div id="wrapper">
...
<div id="region_sel_type">
<input type="radio" id="optLine" name="radio_region_sel_type" value="Line" /><label id="lblForOptLine" for="optLine" title="Line" unselectable="on"></label>
<input type="radio" id="optPoint" name="radio_region_sel_type" value="Point" /><label id="lblForOptPoint" for="optPoint" title="Point" unselectable="on"></label>
<input type="radio" id="optPolygon" name="radio_region_sel_type" value="Polygon" /><label id="lblForOptPolygon" for="optPolygon" title="Polygon" unselectable="on"></label>
<input type="radio" id="optList" name="radio_region_sel_type" value="List" /><label id="lblForOptList" for="optList" title="Input Coordinates" unselectable="on"></label>
<input type="radio" id="optUploadKML" name="radio_region_sel_type" value="KML" /><label id="lblOptUploadKML" for="optUploadKML" title="Upload KML" unselectable="on"></label>
<input type="radio" id="optOpen" name="radio_region_sel_type" value="Open" /><label id="lblForOptOptn" for="optOpen" title="Open Saved ROI" unselectable="on"></label>
</div>
...
</div>
SOLUTION: The root cause of the issue was identified as having a self-closing label inside the 'wrapper' div which IE9 did not fully support.
<label id='x'/>