WebkitブラウザはLI A（display：ブロック）要素を隠します。時々

Question

私は、 'a'要素が表示されるように設定されている以外は、古典的な 'ul li'ベースで構築された（ちょっと実験的な）メニューです：正確な位置とサイズを可能にするブロック。いくつかの変換：回転も表示されますが、これは動作に影響しません：

Webkit以外のすべてのブラウザはすべてのメニュー項目を表示しますhere同じように（正しく）。しかし、Webkitは子アイテム（ 'アイテム2a'、 'アイテム2b'、 'アイテム3a'、...）を隠します。リンクは表示されるはずの領域にカーソルを置いている間にカーソルの変化として表示されますが、表示されません。奇妙なことに、これらの目に見えない要素のサイズを指定されたスペース（親LIの高さ）と少し重なるように設定すると、表示されます（here）

あなたはここで何が起こっているのか分かりますか？

ありがとうございました。

Answer 1

個人的には、負のマージンとCSSローテーションを組み合わせると少し痛みを感じることがあります。

私はあなただった私は、絶対位置にa.rotateのリンクを設定し

1. をいただきたいので、彼らは流れを動揺していない場合。
2. それビット

と負のマージン

プレイをダンプ私はここで、この例を作った：http://jsfiddle.net/958qQ/ を、残りは簡単にする必要があります。

Answer 2

私はマージンを使用してあなたの方法が好きではない、それは複雑です。それはポジショニングでスタイルを立てるほうが良いでしょう。子要素の絶対位置