html - 画像の下の不要なスペース

Question

ページの下部に固定位置のフッターを作成しようとしています。しかし、画像の下と視点の下部に不要なスペースがあるという問題があります。

ベース画像:

問題：

画像の下のパディングは不要です。

HTML :

<div id="containerBarKonge">
    <ul>
        <li><img src="./kongelogo.png" /></li>
    </ul>
</div>

CSS :

#containerBarKonge {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index:9999;
    padding: 0px;
    margin: 0px;
}

#containerBarKonge > ul {
    position: relative;
    list-style-type: none;
    padding: 0px;
    padding-left: 2px;
    margin: 0px 20px;
    min-width: 1053px;
    background-color: #900;
}
#containerBarKonge > ul * {
    padding: 0px;
    margin: 0px;
}

Answer 1

画像の下に垂直方向の配置を設定してみてください。

#containerBarKonge img { vertical-align: bottom; }