formのinput[type="text"]タグに入力した文字がiPhoneでのみ下にズレてしまう

下のgif画像の通りです。

PCブラウザやアンドロイドでの入力時にはズレは発生いたしません。
iPhoneでの入力時にのみこうなってしまいます。

解決策をご教授いただけますと幸いです。
以下該当箇所のコードになります。

HTML5
1<form action="mail.php" method="post" id="mailform">
2            <div class="mail-form-author">
3              <label for="name" class="name"></label>
4              <input id="name" name="name;s" type="text" value="" size="30" aria-required='true' />
5            </div>
6            <div class="mail-form-email">
7              <label for="email" class="email"></label>
8              <input id="email" name="email;s" type="text" value="" size="30" aria-required='true' />
9            </div>
10            <div class="mail-form-subject">
11              <label for="subject" class="subject"></label>
12              <input id="subject" name="subject" type="text" value="" size="30" />
13            </div>
14            <div class="mail-form-message">
15              <label for="message" class="message"></label>
16              <textarea id="message" name="message;s" cols="45" rows="8" aria-required="true"></textarea>
17            </div>
18            <div class="form-submit">
19              <input name="submit" type="submit" id="submit" value="" class="confirm_button" />
20              <input name="reset" type="reset" id="submit" value="" class="reset_button" />
21            </div>
22</form>

css
1form#mailform label{
2	display: block;
3	width: 70px;
4	height: 20px;
5	float: left;
6	background-size: cover;
7
8.mail-form-author input, .mail-form-email input, .mail-form-subject input{
9	font-family: 'ＭＳ Ｐゴシック', sans-serif;
10	display: block;
11	width: 224px;
12	line-height: 20px;
13	font-size: 15px;
14	height: 14px;
15	border: 1px solid #61ab69;
16	background: #e7f9e6;
17	padding: 2px;
18	float: left;
19} 
20
21form#mailform textarea{
22	font-family: 'ＭＳ Ｐゴシック', sans-serif;
23	display: block;
24	width: 224px;
25	line-height: 20px;
26	font-size: 15px;
27	height: 144px;
28	border: 1px solid #61ab69;
29	background: #e7f9e6;
30	padding: 2px;
31	float: left;
32}
33.mail-form-author, .mail-form-email, .mail-form-subject {
34	width: 300px;
35	height: 20px;
36	margin-bottom: 5px;
37}
38.mail-form-message{
39	width: 300px;
40	height: 150px;
41	margin-bottom: 5px;
42}