jquery tab displaying problems

Question

how to get rid of the orange background image in the tabs???

EDIT

i tried

 $('.ul').removeClass('ui-widget-header ');
        $('.li').removeClass('ui-widget-header ');
       $('div[id^=tab]').removeClass('ui-widget-header');
        $('a').removeClass('ui-widget-header');

but no result!

Answer 1

you'll probably want to check out various themes for jQuery UI. It sounds like you're using the default one. There is the theme roller where you can create your own that will match your app better.

Answer 2

You can either change your theme using Theme Roller or, comment out the CSS, but note this will affect your other header styles:

Comment out this line, around line 54 in the CSS might have moved a bit:

.ui-widget-header { .... }