Input rutscht immer in neue Zeile

[Peter]

Hallo Leute!

Ich baue eine Kommentar-Form und das Input, um das Captcha einzugeben, rutscht immer unter mein Captcha Bild. Finde den Fehler einfach nicht. :(

<form id="form2">  
<h3><span>Neuer Kommentar</span></h3>  
<fieldset><legend>Form</legend>  
<p class="first">  
<label for="name">Name*</label>  
<input type="text" name="name" id="name" size="30">  
</p>  
<p>  
<label for="email">E-Mail*</label>  
<input type="text" name="email" id="email" size="30">  
</p>  
<p>  
<label for="webseite">Webseite</label>  
<input type="text" name="webseite" id="webseite" size="30">  
</p>  
<p>  
<label for="kommentar">Text*</label>  
<textarea style="width:70%" name="message" id="kommentar" cols="30" rows="10"></textarea>  
</p>  
<p>  
<label for="code">Sicherheitscode eingeben*</label>  
<img src="captcha.php" style="display:block; padding-right:10px;">  
<input style="width:100px; type="text" name="code">  
</p>  
<p class="submit"><button onclick="return checkComment(this.form)" id="submit" type="submit">Kommentar hinterlassen</button></p>  
</fieldset>  
</form>

#form2 {  
	margin:auto;  
	color:#fff;  
	width:80%; /* customize width, this form have fluid layout */  
}  
  
#form2 h3 {  
	margin:0;  
	background:#57a700 url(images/kommentare/form_heading.gif) repeat-x;		  
	color:#fff;  
	font-size:20px;  
	border:1px solid #57a700;  
	border-bottom:none;  
}	  
	  
#form2 h3 span {  
	display:block;  
	padding:10px 20px;  
	background:url(images/kommentare/form_ico.gif) no-repeat 93% 50%;			  
}	  
					  
#form2 fieldset {  
	margin:0;  
	padding:0;  
	border:none;	  
	border-top:3px solid #000;  
	background:#000 url(images/kommentare/form_top.gif) repeat-x;		  
	padding-bottom:1em;  
}		  
  
#form2 legend {  
	display:none;  
}  
		  
#form2 p {  
	margin:.5em 20px;  
}  
		  
#form2 label {  
	display:block;  
}	  
	  
#form2 input, #form2 textarea {		  
	width:272px;  
	border:1px solid #111;  
	background:#282828 url(images/kommentare/form_input.gif) repeat-x;  
	padding:5px 3px;  
	color:#fff;  
}		  
  
#form2 textarea {  
	height:125px;  
	overflow:auto;  
}	  
						  
#form2 p.submit {  
	text-align:right;  
}	  
		  
#form2 button {  
	padding:0 20px;  
	height:32px;  
	line-height:32px;		  
	border:1px solid #70ad2e;  
	background:#5aae00 url(images/kommentare/form_button.gif) repeat-x;  
	color:#fff;  
	cursor:pointer;		  
	text-align:center;		  
}				  

Kann mir damit jemand helfen? :)

Achja, ich habe bei meinem body

-moz-user-select:none;  
-khtml-user-select:none;  
-moz-user-select:none;  
-o-user-select:none;  
user-select:none;  
cursor:default;

verwendet, damit man keine Texte markieren kann. Das Ganze greift allerdings auch auf meine Form über, sodass ich innerhalb der Labels nichts markieren kann. Wenn ich in CSS für die Form

-moz-user-select:none;  
-khtml-user-select:text;  
-moz-user-select:text;  
-o-user-select:text;  
user-select:text;  

alles auf Text setze, funktioniert es trotzdem nicht.

Wie könnte ich das denn lösen?

Bin für jede Hilfe dankbar!

Grüße