form element rutscht aus dem Textfluss

[ZimTis]

Hi,

auf http://www.drei-schilde-maler.de/index.php?id=004 habe ich ein Formular erstellt. Das Problem ist nun, das FireFox die CSS Anweisungen für das Formular komplett ignoriert. Und es sogar außerhalb des textflusses platziert.
Allerdings erst ab Version 4.
Der IE hat keine Probleme und zeigt es richtig an.
Hier der Code für das Formular

  
<form class="kontakt" name="FormName" action="mail.php" method="post" onSubmit="return Testeingabe(this)">  
	<a class="zeile">  
		<label>Ihr Name / Ihre Firma:*</label>  
		<input class="text" type="text" name="Name" size="40">  
	</a>  
	<a class="zeile">  
		<label>E-Mail oder Telefonnr.:*</label>  
		<input class="text" type="text" name="EMail_Telefon" size="40">  
	</a>  
	<a class="zeile">  
		<label>Ihre Nachricht:*</label>  
		<textarea name="Nachricht" cols="40" rows="5"></textarea>  
	</a>  
	<input class="knopf" type="submit" name="submitButtonName" value="Nachricht senden">  
</form>  

Und der dazugehörige CSS code

  
#page p.alles i.inhalt form.kontakt  
{  
	width: 500px;  
	display: inline-block;  
}  
#page p.alles i.inhalt form.kontakt a.zeile  
{  
	display: block;  
	width: 500px;  
	margin: 20px 0px 20px 0px;  
}  
#page p.alles i.inhalt form.kontakt a.zeile label  
{  
	display: block;  
	width: 160px;  
	float: left;  
	font-style: normal;  
}	  
#page p.alles i.inhalt form.kontakt a.zeile input.text,  
#page p.alles i.inhalt form.kontakt a.zeile textarea  
{  
	width: 300px;  
	border: 1px solid #565656;  
	color: #565656;  
	resize: none;  
}  
#page p.alles i.inhalt form.kontakt input.knopf  
{  
	display: block;  
	width: 150px;  
	border: 1px solid #565656;  
	color:#565656;  
	margin: 0px 0px 0px 160px;  
}  

Das witzige dabei, wenn ich das CSS umschreibe, so.

  
form.kontakt  
{  
	width: 500px;  
	display: inline-block;  
}  
form.kontakt a.zeile  
{  
	display: block;  
	width: 500px;  
	margin: 20px 0px 20px 0px;  
}  
form.kontakt a.zeile label  
{  
	display: block;  
	width: 160px;  
	float: left;  
	font-style: normal;  
}	  
form.kontakt a.zeile input.text,  
form.kontakt a.zeile textarea  
{  
	width: 300px;  
	border: 1px solid #565656;  
	color: #565656;  
	resize: none;  
}  
form.kontakt input.knopf  
{  
	display: block;  
	width: 150px;  
	border: 1px solid #565656;  
	color:#565656;  
	margin: 0px 0px 0px 160px;  
}  

werden die CSS anweisungen übernommen, aber das Formular ist immernoch ausserhalb des Textflusses.

Weiß jemand Rat?