autocomplete у поля input "перебивает" фоновое изображение

Есть поле input для ввода почты у которого используется фоновое изображение, по сути маленький значок слева от текста. Если вводим текст в поле в ручную, то проблем нет. Но когда использую автозаполнение предложенное браузером, то фон у поля input меняется и фоновая картинка визуально пропадает. С изменением цвета фона при автозаполнении проблему решил, а вот с пропаданием фоновой картинки не получается.

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.email {
                width: 100%;
                font-size: 14px;
                height: 30px;
                margin-top: 10px;
                border: 1px solid #ccc;
                padding: 0px 25px;
                background: url(img/email.png) no-repeat top 50% left 5px; 
                background-size: 14px;
            }

<input id="email" name="email" class="email" type="email" placeholder="Ваш email" required="required">