inspiron: radiobutton werden nicht nebeneinander platziert

Beitrag lesen

...so, bin ein Stück weiter.
Select'se sind in einer Reihe & Label'se linksbündig darüber.
Nur das Radio ist noch nicht an der richtigen Stelle (zweite Spalte) und sieht noch nicht gut aus. Weiß jetzt nicht weiter.
Gruß
       O  O
ONAIR  Ja Nein

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<meta http-equiv="Content-Script-Type" content="text/javascript">  
  
	<title>Elemente nebeneinander</title>  
	  
<style type="text/css">  
ul {  
  list-style: none;  
}  
li {  
  float: left;  
  width: 200px;  
  border: 1px solid #B3B3B3; /* Hilfslinie zum ausrichten */  
}  
  
label {  
  display: inline-block;  
}  
select, input {  
  display: block;  
}  
  
</style>  
</head>  
  
<body>  
<form class="commentForm" method="post" accept-charset="utf-8" action="">	  
  
		<fieldset>		  
		<legend>Elemente nebeneinander</legend>  
		<ul>  
			<li>  
			<label for="schicht">Schicht</label>  
			<select name="schicht" class="select">  
				<option>Bitte auswählen!</option>  
				<optgroup label="Schicht">  
					<option value="Wert_1">Wert_1</option>  
					<option value="Wert_2">Wert_2</option>  
				</optgroup>					  
			</select>  
			</li>  
			<li>		  
			<label for="ort">Ort</label>  
			<select name="ort" class="select_2">  
				<option>Bitte auswählen!</option>  
				<optgroup label="Ort">  
					<option value="Wert_1">Wert_1</option>  
					<option value="Wert_2">Wert_2</option>  
				</optgroup>  
			</select>  
			</li>  
			<li>  
			<label for="sendung">Sendung</label>  
			<select name="sendung" class="select_2">  
				<option>Bitte auswählen!</option>  
				<optgroup label="Sendung">  
					<option value="Wert_1">Wert_1</option>  
					<option value="Wert_2">Wert_2</option>  
				</optgroup>  
			</select>  
			</li>  
			<li>  
			<label for="fehlerkategorie">Kategorie</label>  
			<select name="fehlerkategorie" class="select_2">  
				<option>Bitte auswählen!</option>  
				<optgroup label="Kategorie">  
					<option value="Wert_1">Wert_1</option>  
					<option value="Wert_2">Wert_2</option>  
				</optgroup>  
			</select>  
			</li>  
	<ul>  
	</fieldset>  
	  
	<fieldset>  
	<legend>Elemente nebeneinander</legend>  
	<ul>  
		<li>  
    		<label for="in_user">Username</label><input id="in_user" type="text" value=""/>  
		</li>  
		<li>  
		<label>ONAIR  
  			<label for="radio1"><input type="radio" id="radio1" name="radio" />Ja</label>  
  			<label for="radio2"><input type="radio" id="radio2" name="radio" checked="checked" />Nein</label>  
		</label>  
		</li>  
	<ul>  
	</fieldset>  
	  
	<fieldset>  
			<!-- UI Button -->  
    		<p><input type="submit" id="submitButton" name="speichern" value="Speichern"/></p>			  
	</fieldset>			  
</form>  
</div>  
</body>  
</html>