[jQuery] Problems with styles in jQuery UI

[jQuery] Problems with styles in jQuery UI


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