Search and Clear button issue in IE8

[kumar-harshvardhan]

I have user flexigrid in my project to display use list.Except IE8 It is working fine in all the browsers.In IE8 "Search" and "Clear" button is not displaying,only text name of the button is displaying.
.

code for these two buttons in flexigrid.js is like

                var rDiv = $('<div/>').css({ display: 'inline'}).appendTo(sDiv2);
                $('<input/>', { type: 'button', value: p.searchtext,'style': 'cursor:pointer'}).css(sDivCSS).appendTo(rDiv).click(function(e) {
                    var qq = sDiv2.children('.qsinput:visible');
                    g.doSearch();
                    qq.focus();
                });
                $('<input/>', { type: 'button', value: p.resettext,'style': 'cursor:pointer'}).css(sDivCSS).appendTo(rDiv).click(function(e) {
                    var qq = sDiv2.children('.qsinput');
                    qq.val('');
                    g.doSearch();
                    qq.focus();
                });

Provide any solution for this.

Thanks In advance.

Kumar Harshvardhan