pseudo fieldset (overflow)

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<fieldset>
    <legend>legend</legend>
<div class='accordion'>
    <h3><a href='javascript:void(0)'><span>accordion header1</span> accordion header1 accordion header1</a></h3>
<div>accordion content1</div>

<h3><a href='javascript:void(0)'>accordion header2 accordion header2 accordion header2</a></h3>
<div>accordion content2</div>

<h3><a href='javascript:void(0)'>accordion header3 accordion header3 accordion header3</a></h3>
<div>accordion content3</div>

</div>
</fieldset>

<div class="fieldset">
    <div class="legend">legend</div>
<div class='accordion'>
    <h3><a href='javascript:void(0)'><span>accordion header1</span> accordion header1 accordion header1</a></h3>
<div>accordion content1</div>

<h3><a href='javascript:void(0)'>accordion header2 accordion header2 accordion header2</a></h3>
<div>accordion content2</div>

<h3><a href='javascript:void(0)'>accordion header3 accordion header3 accordion header3</a></h3>
<div>accordion content3</div>

</div>
</div>

CSS

a {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow:ellipsis;
}

fieldset,.fieldset {
    margin: 10px;
    border: solid 1px black;
    position: relative;
    padding: .5em;
}

.legend {
    left: 0.5em;
    top: -0.6em;
    color: black;
    position: absolute;
    background-color: white;
    padding: 0 0.25em 0 0.25em;
}

JavaScript

$('.accordion').accordion();