在没有桌子的情况下在页面两侧重新调整大小的广告

Question

我创建了一个模型，其中包含一个内容区域和左右两个可展开/可折叠的广告。

<table cellspacing="0" cellpadding="0" border="0" style="width:100%;">

    <tr>
        <td style="background:blue; text-align:right;"><img src="http://www.citiesmatter.org/vertical/Sites/%7BC2C0C8B8-8BB9-430D-B364-373386495DE7%7D/uploads/%7B42CEE0EB-39AA-469A-8A71-F6733F2A9172%7D.GIF" style="width:100%;" /></td>
        <td style="width:400px; background:red;">
            <p>Content</p>
        </td>
        <td style="background:blue;"><img src="http://www.citiesmatter.org/vertical/Sites/%7BC2C0C8B8-8BB9-430D-B364-373386495DE7%7D/uploads/%7B42CEE0EB-39AA-469A-8A71-F6733F2A9172%7D.GIF" style="width:100%;" /></td>
    </tr>

</table>

http://jsfiddle.net/DVevt/1/

是否可以仅使用div进行此操作？