[jQuery] Problems with styles in jQuery UI

[Reynier Pérez Mira]

Hi every:
I'm developing a web application in wich I use the latest release of
jQuery and jQuery UI. I have created my own theme using the tool provide
but jQuery UI Site. I have a problem with Accordion component. The first
 h3 element of the accordion is align to right and the rest is OK
because are aligned to left. See this image:
http://www.uppush.com/uploads/478img_3.gif. My jQuery code is this:

$(function(){
  // Acordion
  $("#accordion").accordion({
    header: "h3",
    event: 'mouseover'
  });

  // Dialogs
  $('div.dialog').dialog({
    autoOpen: false,
    width: 600,
    modal: 'true',
    resizable: false,
    draggable: false,
    buttons: {
      "Aceptar": function() {
        $(this).dialog("close");
      }
    }
  });

  $('img.help').click(function(){
    var n = this.id.split('_')[1];
    $('#dialog_'+n).dialog('open');
    return false;
  });

  $("ul.sf-menu").supersubs({
    minWidth:    18,   // minimum width of sub-menus in em units
    maxWidth:    27,   // maximum width of sub-menus in em units
    extraWidth:  1
  }).superfish();
});

Where is the problem?
Cheers and thanks in advance
-- 
Ing. Reynier Pérez Mira