css - float div とボックス シャドウのオーバーラップ

Question

コード

http://jsfiddle.net/LtZAv/

期待されること

• 2 番目のトップ シャドウ.child .comment-boxが表示され、1 番目に重なっています.child .comment-box

どのブラウザがレンダリングするか

• with.child .comment-boxの領域の秒のボックス シャドウは表示されません。div.contentfloat:right

Answer 1

コメントボックスの divの位置を相対に変更する必要があります

お気に入り

.comment-box { position: relative; }

そのため、影は最初の div に重なります。

Answer 2

div.content の内容がエスケープされないように、li.child の表示を変更する必要があります。

この CSS を追加します。

li.child { display: inline-block; }

http://jsfiddle.net/stevendwood/LtZAv/2/