How to fix the search button hover state on BlueBand.master

Have you ever noticed that if you hover your mouse over the search button on the default BlueBand.master, it doesn't behave the way you'd expect it to? This is caused by a missing tag in the masterpage, and is quite easy to fix if you know what to do. Lucky for you, I've got the scoop.

What the?

<div class="search">
    <asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
        <SPSWC:SearchBoxEx id="SearchBox" RegisterStyles="false" TextBeforeDropDown=""
        TextBeforeTextBox="<%$Resources:cms,masterpages_searchbox_label%>" TextBoxWidth="100"
        GoImageUrl="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow.jpg %>"
        GoImageUrlRTL="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow_RTL.jpg %>"
        UseSiteDefaults="true" DropDownMode = "HideScopeDD"
        SuppressWebPartChrome="true" runat="server"/>
    </asp:ContentPlaceHolder>
</div>

To the following:

<div class="search">
    <asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
        <SPSWC:SearchBoxEx id="SearchBox" RegisterStyles="false" TextBeforeDropDown=""
        TextBeforeTextBox="<%$Resources:cms,masterpages_searchbox_label%>" TextBoxWidth="100"
        GoImageUrl="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow.jpg %>"
        GoImageUrlRTL="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow_RTL.jpg %>"
        GoImageActiveUrl="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow.jpg %>"
        GoImageActiveUrlRTL="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow_RTL.jpg %>"
        UseSiteDefaults="true" DropDownMode = "HideScopeDD"
        SuppressWebPartChrome="true" runat="server"/>
    </asp:ContentPlaceHolder>
</div>

Notice the GoImageActiveUrl there? That's the missing tag(s). Now whoope-doo, you should get the regular arrow also when you hover the image.

Wicked awesome!