LI Kind-Element an der Seite des LI Eltern positioniert

Question

Ich habe diese Struktur:

<div style="position: relative" id="i1"> 
    <ul style="display: block" id="i2"> 
    <li style="display: inline-block; position: relative;" id="i3"> 
     <ul style="display: block;position: absolute; left: -??px; right: ??px" id="i4"> // visible on parent elm:hover 
     <li>..</li> 
     <li>..</li> 
     <li>..</li> 
     </ul> 
    </li> 
    </ul> 
</div> 

Ich brauche hovered Element id = i4 immer auf die volle Breite des DIV id = i1 zu zeigen, aber wenn meine Eltern ist element id = i3, und dieses Element ist relativ inline, wie kann ich den Wert des linken und rechten Attributs erreichen? kann ich es mit CSS reinigen?

Answer 1

gelöst (meine Dummheit):

<div style="position: relative" id="i1"> /// only relative parent element 
     <ul style="display: block" id="i2"> 
     <li style="display: inline-block; /*position: relative;*/" id="i3"> // removed position: relative; 
      <ul style="display: block;position: absolute; left: 0px; right: 0px" id="i4"> // visible on parent elm:hover 
      <li>..</li> 
      <li>..</li> 
      <li>..</li> 
      </ul> 
     </li> 
     </ul> 
    </div>