Q:

html input element order

I have 2 labels and 2 radio button , and I want to lay them out as (label radio  label radio)  
<label>Member</label>
<input type="radio" name="type" value="member" /> 
&nbsp;&nbsp;
<label>Company</label>
<input type="radio" name="type" value="company" />

but I get (label label radio radio )!
I changed it into <br/> and moved on, but still I want to know what's wrong !!!!  
update:
css file contain    
form label { 
display: block;
float: left; 
width: 150px; 
padding: 0; 
margin: 9px 0 0;
text-align: right; }

form input, form select {
margin: 5px 0 0 10px;
padding: 4px;
    float: left; }

I tried for attribute and it worked fine on google chrome& opera but not on IE  

A:

Even if my jsfiddle works on Firefox, you should probably try with a for attribute:
<form>
  <label for="Member">Member</label>
  <input type="radio" name="type" id="Member" />
  <br />
  <label for="Company">Company</label>
  <input type="radio" name="type" id="Company" />
</form> 

