Accordian height problem

Accordian height problem

I'm using the jquery accordian within an inline frame.  I have it within a <div> setting the height and width.  It is staying within the width, but running over the height (or extending beyond the bottom of the frame).  Is there a correct way to "contain" the accordian and force all the items to show scroll bars or do I need to set height and width for each div around each accordian item (sounds painful)?

$(function() {
$( "#accordion" ).accordion({
"collapsible": "true",
"active": "false",
"event": "hover click",
"heightStyle": "content"
});
});

<div id="accordion" style="position:absolute;left:0px;top:0px;width:400px;height:200px;text-align:right;z-index:6;">