Правим стиль wp-smiley - Всяко разно

Решил наконец закрыть тему с неправильными смайликами на сайте, в начале починил смайлики в комментариях. Потом решил исправить и в статьях.

По умолчанию используется следующий стиль:

img.wp-smiley{
border:none;
margin:0;
padding:0;
width:20px !important;
height:24px !important;
max-height:24px !important;}

img.wp-smiley{

border:none;

margin:0;

padding:0;

width:20px !important;

height:24px !important;

max-height:24px !important;}

Если посмотреть в режиме инструментов разработчика (Google Chrome) то можно понять, что есть еще один стиль:

height: 1em;
max-height: 1em;

1 2	height: 1em; max-height: 1em;

Который в style.css не прописан. Попробовал исправить стиль следующим образом:

img.wp-smiley{
border:none;
margin:0;
padding:0;
width:auto !important;
height:auto !important;
max-height:auto !important;}

img.wp-smiley{

border:none;

margin:0;

padding:0;

width:auto !important;

height:auto !important;

max-height:auto !important;}

Но оказалось, что у max-height нет понятия auto, а есть следующие:

max-height: значение | проценты | none | inherit

1	max-height: значение \| проценты \| none \| inherit

none
Отменяет действие этого свойства.
inherit
Наследует значение родителя.

В итоге переписав код:

img.wp-smiley{
border:none;
margin:0;
padding:0;
width:auto !important;
height:auto !important;
max-height:none !important;}

img.wp-smiley{

border:none;

margin:0;

padding:0;

width:auto !important;

height:auto !important;

max-height:none !important;}

Получаем работающие правильно смайлики! 8)