Есть такой код, где при наведении изображение меняется на другое (замена атрибута "src"):
<li>
<a href="#">
<img src="image.png" alt="" onmouseout="this.src='image.png'" onmouseover="this.src='image_hover.png'" />
</a>
</li>
Как изменить его, чтоб "src" менялся при наведении на <li>?