css嵌套列表位置绝对

Question

http://jsfiddle.net/jmm3816z/

我有一个嵌套导航，第一级li需要position:relative ，但列表中的孩子需要使用ul的位置。换句话说，它需要位于级别top:0的{​​{1}}而不是<ul> 有没有办法呢

<li>

    .level1 {
      background: pink;
      width: 200px;
    }
    .level1>li {
        position: relative !important;
        width: 200px;
        padding: 1em;
     }
     .level1>li .level2 {
          background: lightgreen;
          position: absolute;
          left: 100%;
          top: 0;
          display: none;
      }
      .level1>li .level2>li {
            padding: .5em;
      }