jquery - 流畅的全角子导航

Question

我正在尝试制作一个流畅的全宽导航栏，其下方有一个全宽子导航元素。

我的 HTML 的结构就在这个小提琴中。有人可以在 CSS 方面帮助我让子导航正常工作吗？如果我明确设置子导航元素的宽度，我只能让它工作

code is in the following fiddle

http://jsfiddle.net/CG7Ff/

如果可能的话，我宁愿在没有 javascript 的情况下这样做。