max: Problem bei anordnen von LABEl, INPUT in einem Formular

Beitrag lesen

Das ist mein HTM

<div class="listform">  
<ul>  
	<li>  
		<label>Titel</label>  
		<input name="titel" type="text">  
		<div class="info">Information</div>  
	</li>  
		<li>  
		<label>Titel3</label>  
		<input name="titel3" type="text">  
		<div class="info">weitere Information</div>  
	</li>  
</ul>  
</div>

das ist mein CSS Code

  
  
.listform {}	  
	  
.listform ul { padding:0;  
display: block;  
border: 1px solid #FF0000;  
}  
	  
.listform  li{  
	list-style-type: none;  
	list-style: none;  
	border-bottom: #C0C0C0 1px dotted;  
	}  
.listform label {  
	font-size: 14px;  
	width:200px;  
	float:left;  
	display: block;  
	font-weight:bold;}	  
  
.listform input {  
    float: left;  
    width: 70%;  
	font-size: 14px;  
}  
  
.listform .info {padding: 10px 0 20px 200px; float: left;font-size: 11px;}	  
  

eigentlich sollte das Label links sein
die Eingabe rechts
und die Infos unter der Eingabe.

Aber es haut nicht hin.
 und der (doofe) Border von UL umschliesst die LISTEN auch nicht....

Max