Want to get this DIV to appear under the textbox and button in this jQuery Accordian

[szlamany]

I've am trying to add a DIV in an existing - very complicated - jQuery/JS app. I want this DIV to appear under the textbox and button - see attached image.

I'm adding the DIV with the second .appendTo line (strNewErrMsg div). I just tried adding the <br /> to get it to go onto a new line - but that is not working.

$('#acs-button-list .acs-panel-btn-clear').clone().appendTo("#" + strNewAccordionDiv).removeAttr("id")
                                                        .addClass("acs-tracker-buttons")
                                                        .addClass("ui-state-highlight");
$("<br /><div id='" + strNewErrMsg + "'></div>").appendTo("#" + strNewAccordionDiv);

It's got to be some kind of float thing that the accordion has. I always struggle with div float - I don't want to hack at this.

Thanks !

[szlamany]

I changed it to this:

$("<div id='" + strNewErrMsg + "' class='acs-tracker-below'></div>").appendTo("#" + strNewAccordionDiv);

And created CSS that looks like this:

.acs-tracker-below
{
    clear: both;
}

Is this clear:both style only affecting this one DIV I'm putting in place? Or could it hurt other operational aspects of the accordion??