Input Felder spinnen?!

Hallo Community,

in meinem Blog ist mir aufgefallen, das das Kontaktformular und der Suchbalken verrückt spielen.

Wenn ich auf die Kontaktseite gehe, ist manchmal das Eingabefeld so groß wie ich es haben möchte, dann aktualisiere ich 2-3 mal und schon ist es kleiner?!
Ob die height oder padding einstellungen verschwunden wären.
Nach ein paar Aktualisierungen ist es wieder normal und so wechselt es sich halt ab. Das gleiche ist mit der Suchleiste.

Ich habe keine Ahnung warum es mal so und mal so ist?!
Ich habe es schon an 3 Rechnern getestet und immer das gleiche!:-?

Ich poste mal den CSS Code von meinem Kontaktformular:

#kontaktformular {
	width: 500px;
}


#kontaktformular p {
	margin-bottom: 7px;
}


#kontaktformular img {
	margin-bottom: -11px;
}


#kontaktformular input {
	font-family: Tahoma;
	background: #f8f8f8;
	padding: 10px;
	margin-left: -5px;
	top: 0px;
	height: 10px;
	color: #868686;
	text-shadow: none;
	border: 1px solid #bababa;
	outline: 0;
}

HTML:

<p>
  <img src="LINK" alt="Name"/>
  <input type="text" name="contactName" value="" class="requiredField" />
</p>
				
<p>	
  <img src="LINK" alt="E-Mail"/>
  <input type="text" name="email" id="email" value="" class="requiredField email" />
</p>

Würde mich über Hilfe sehr freuen !:)

MfG. Basti

EDIT:

Mir ist gerade aufgefallen, das wenn die Suchleiste "normal" ist, das die Kontaktfelder kleiner sind!
Und wenn die Kontaktfelder "normal" sind, wird die Suchleiste größer!

Und die Suchleiste wird auch nur dicker wenn man auf der Kontaktseite ist, wenn man auf einer anderen Seite ohne zusätzliche Felder ist, bleibt sie normal.

Kann da irgendein Zuammenhang sein?