使用两个动态元素导航+第一个边框

Question

我已经想象了我想要的东西。 徽标会根据不同的屏幕分辨率调整大小，实际的导航容器与<li>'s一样长。

底部边框需要到达徽标的左下边缘。

徽标本身下方有阴影，因此边框不能为全宽。

到目前为止我所拥有的是导航本身有一个边界，然后只到达最后一个<li>

这是一个快速的模型：

http://jsfiddle.net/2x6hddv8/

Answer 1

这里的大部分内容 - 他们只是打电话给我的航班！

http://jsfiddle.net/8k45z7nL/

我会避免skew以获得最大的浏览器兼容性。