Is there a way to ensure that both fieldsets have the same height as the tallest one? See the code snippet below or visit this link for reference: http://jsfiddle.net/zpcXQ/2/
<div id="parent">
<form>
<fieldset id="left">
<legend>Left</legend>
<p>line 1</p>
<p>line 2</p>
<p>line 3</p>
</fieldset>
<fieldset id="right">
<legend>Right</legend>
<p>line 1</p>
</fieldset>
</form>
</div>
fieldset {
border: 1px solid green;
width: 48%;
position: relative;
}
#parent {
float: left;
width: 600px;
position: relative;
}
#left {
float: left;
}
#right {
float: left;
}