Html webkit的表列中的动态宽度

我想为我的web应用创建一个好看的分隔符：

代码如下：

它可以与Firefox（v4）配合使用，但Chrome（v10）只显示中间的一栏。当我手动设置左栏和右栏的宽度时，它也可以工作，但我希望它们填充左侧的空间。有什么想法吗

---

左右单元格正在折叠。添加内容显然会增加它们的宽度，但在CSS:j中添加填充也是如此

---

编辑：为什么不直接设置

colspan=3

？

解决问题的thx。我不设置colspan，因为我无法设置左右梯度太棒了！这让事情变得容易多了