ciao, prima volta sul forum

Ho da poco intrapreso la strada del mondo html e connessi e sto seguendo varie guide e tutorial in giro sul web.
Durante una "prova" ho tentato di realizzare il mio primo sito seguendo le indicazioni del tutorial, tutto bene (più o meno ) fino a quando non si è parlato di input...
Per inserire un box di testo nel codice html abbiamo inserito questa stringa:
<input type="text"/>
all'interno di un div

Poi nel css ho tentato di dare alcune caratteristiche al testo che vi si scrive dentro e, seguendo il tutorial, ho inserito questo:

input[type=text] {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:20px;
border:none;
background-color:#FFF;
font-style: italic;
color: #999999;
}

Il risultato è che Safari non legge le indicazioni del css (come se non le avessi scritte) gli altri browser invece (Opera, FF e Chrome) le leggono ma sballano le misure del box di testo.

Ne approfito anche per chiedere se ed in modo si possono personalizzare le misure di larghezza del box di testo inserito.

grazie, ciao