ui-icon buttons with no text don't show in IE7

I'm using JQuery-UI in my app. I'm using the ui-icon buttons as links to actions that apply to items shown in rows in a table. They work fine in all the bro开发者_JS百科wsers but IE 7.

See this example.

http://jsfiddle.net/CsNJa/

It works in IE 8 but not 7

One solution is to perform the following changes to the elements.

        if ($.browser.msie && parseInt($.browser.version) == 7) {
            $(this).removeClass("ui-button");
            $(this).css("float", "left");
            $(this).css("margin-left", "3px");
        }

The margin is not really necessary. I just happen to have several buttons in a row.