html - リンク付きの画像にカーソルを合わせるとC​​SSが画像を変更します

Question

画像の上に「ホバー」すると色が変わるホームボタンを作成しようとしています.cssを使用してホバー時に画像を変更しようとしていますが、ホバー時にimage1をimage2に置き換えるだけなので問題なく動作します画像）しかし、画像をリンクする方法が見つからないので、クリックするとホームページに移動します。

<div id="homebutton">
    <img src="homelogo.png" alt="tut" width="23" height="23px">
</div>

#homebutton{
    top:6%;
    left:0.5%;
    position:fixed;
    background-image: url('homelogo.png');
    height: 23px;
    width: 23px;
}

#homebutton:hover{
    top:6%;
    left:0.5%;
    position:fixed;
    background-image: url('homelogohover.png')
}