Bordi arrotondati sul telefono

Salve. Ho un piccolo problema. Quando visito il mio sito dal cellullare i bordi dal pc si vedono come voglio ma sull'Iphone 4S su Safari si vede arrotondato.
Vi posto il codice che uso:

<div align="left">
<form class="search" action="http://www.google.com/search" target="_blank">
<input type="hidden" name="as_sitesearch" value="nomesito.altervista.org">
<input type="hidden" id="as_oq" name="as_oq" value="">
<input type="text" name="q" size="19" maxlength="100" value="" placeholder="Cerca una pagina">
<input type="submit" value="Cerca">
</form>
</div>

.search input {
background: #89C1EF;
color: #3F6094;
border: 2px solid #3F6094;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
padding: 4px;
}

input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #3F6094;
}

Screen dal telefono:


Il sito è: LINK

[karl94]

http://en.lmgtfy.com/?q=safari+rounded+buttons

Ciao Karl ho risolto grazie. Sai invece perché su Chrome il box appare bene ma su IE e Safari appare piccolo:
Chrome:

IE:


Il codice è sempre quello sopra. Su chrome size=19 va bene su IE invece va bene size=23 però se metto 23 su Chrome diventa troppo grande.

[karl94]

Non usare l'attributo HTML size, ma specifica una larghezza mediante la proprietà CSS width.

Grazie Karl risolto anche questo.