> I'm using the format below to lay out a number of forms (actual CSS > doesn't matter I don't think). I've removed some crap for simplicity. > > <div class="frmROW"><label for="mystate">State</label> > <cfinput name="mystate" value="" /> > </div> > > In one case, I need two YES/No radio buttons where the label normally > is. As far as layout goes, it works fine. Function, in IE is as > expected. But, in Firefox, you can ONLY select the "Yes" radio button. > Trying to click the "No" button returns focus to the "Yes" button. > There's no javascript on the page. What you see below is what you get: > > <div class="frmROW"><label> > <input name="m2" type="radio" value="Yes" checked="checked" /> Yes > <input name="m2" type="radio" value="No" /> No</label> > <cfinput name="option1" value="" class="txtinput" /></div> > > In this case the "yes/no" buttons sorta ARE the label, and I know it's > not exactly valid syntax, but still, why it doesn't work is curious.
Your problem stems from putting both inputs inside one label. When one places an input element inside of a label, the entire label will become "hot" for that element. Because you have two inside it, the label is focusing on the first. Try giving each its own label. brian ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
