подталкивание с отрицательным отрывом и видимым видимым

Question

У меня есть 2 divs во внешнем div. Внешний div имеет верхний край, поэтому над ним есть пространство. Я хочу немного перемещать левый внутренний div, чтобы заполнить часть этого пространства. Я сделал минус margin-top .. он работает, он толкает левый внутренний div вверх, но он скрывает верхние 10px, которые продвинулись вверх. Я хочу, чтобы они остались видимыми.

Я пробовал сделать div с индексом z передним (1), но он не работает. Я хочу переместить внутренний левый div вверх и хочу, чтобы выдвинутая часть оставалась видимой.

<div id="line"> //style margin-top:30px 

    <div id="lineleft"> //style margin-top:-10 z-index=1 
    </div> 

    <div id="lineright"> 
    </div> 

</div> 

Answer 1

Вы, возможно, потребуется изменить значение overflow собственности на внешней дел.

Answer 2

Кажется, что работает здесь во всех основных браузерах: http://jsfiddle.net/rBTtt/