padding が効かなくなったら試すこと

調べると、親要素に overflow:hidden; を指定すると直るとか

情報があるが諸々試しても改善しない！

そんな時は、padding を上下左右個々の定義に変えてみる。

例)

padding: 8px 12px 8px 16px;

↓

padding-top: 8px;
padding-right: 12px;
padding-bottom:8px;
padding-left: 16px;