On Firefox it can be noticed very easily, when you load the <a href="http://winehq.org" target="_blank">winehq.org</a> page, and move the mouse over the icons, it takes a while until the hover images are loaded. You can clearly see the icon flickering. This patch fixes this problem by using a single image instead of 10 images.<div>


<br></div><div>I had to change a bit the structure of the main page menu, to be able to preserve the current layout.</div><div><br></div><meta http-equiv="content-type" content="text/html; charset=utf-8"><div>Notice when you go to <a href="http://winehq.org">winehq.org</a> and you hover the About link, it does not change its icon. To make &quot;:hover&quot; work in IE8, I had to change content_nobox.template and set the doctype to HTML 4.01 strict. As far as I checked, this only changes a tiny bit how the pages look. For example, the search box is 2px wider.</div>


<div><div><br></div><div>I tested that:</div><div>- the icons are changing when hovering them or the associated text;</div>
<div>- the page looks the same (or better, see IE8);</div><div>- when resizing the window very small, it looks reasonably ok (looks better in the current format, but this is a corner case);</div><div>- when resizing the window very large, it looks ok.</div>


<div><br></div><div>I tested on:</div></div><div>- Linux: Chrome, Epiphany, Firefox, Opera</div><div>- Windows: Chrome, IE8, Firefox</div><div><br></div><div>
Thanks,</div><div>Alex</div>