处理HTML字段集's大小

我有一些这种结构的

<table>
        <tr>
            <td valign="top" style="width: 48%;">
                <fieldset>
                    <legend><b>Company Info:</b> </legend>
                    <table width="100%">
                        <tr>
                            <td>
                                <br />
                                dynamic data
                                <br />
                                 dynamic data
                                <br />
                                dynamic data
                                <br />
                                dynamic data                                
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </td>
            <td valign="top" style="width: 48%;">
                <fieldset id="crew">
                    <legend><b>Crew Company Info:</b> </legend>
                    <table width="100%">
                        <tr>
                            <td>
                                <br />
                                dynamic data
                                <br />
                                dynamic data
                                <br />
                                dynamic data
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </td>
        </tr>
    </table>

它产生了两个并排充满动态数据的字段集，我想确保两个字段集都有相同的大小。我的意思是，如果一个字段集的数据比另一个字段多，另一个应该增加它的大小（主要是高度）来克服这种差异，这样它们看起来都是相同的大小，

有什么建议我如何使用CSS或JavaScript来实现这一点吗？？