"Transition" wpływa na domyślny wygląd elementu Opcje

[Freshoy]

Oto kod mojego elementu:
Kod: Zaznacz Podgląd (X)HTML Zapisz

[HTML] pobierz, plaintext 
.contact-container input[type=submit] {
    padding: 10px;
    border: 1px solid rgb(169, 169, 169);
    color: #757575;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    width: auto;
    cursor: pointer;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}
.contact-container input[type=submit]:hover {
    background-color: black;
    color: white;
    border-color: black;
}
[HTML] pobierz, plaintext 

Problem jest w tym, że tak powinien wyglądać mój input od początku załadowania strony, a on się animuje od domyślnego wyglądu jaki jest w chrome (bo w innych przeglądarkach nie mam tego problemu) do tego. Trudno to wytłumaczyć. Nigdzie nie mogłem znaleźć tego więc temat ląduje tutaj.