css - Chromeでは相対要素が絶対要素と重複しています

Question

私は単純な配置のように見えるものを持っています：UL内のタグのリスト、そして最後のリスト項目はタグの「残り」の絶対位置のリストを保持します。

ここで簡略化されたデモを参照してください：http：//dev.timmurtaugh.com/demo/chrome-problem/browse-bar-sandbox.html

Chrome（そして私が知る限りChromeのみ;バージョン19.0.1084.56）では、絶対位置のリストがその下の「Instrument」ヘッダーと重なっています。

ヘルプ！

Answer 1

下記のクラスにz-index：999を追加してみてください。

.browseBar ul.tagList li.seeMore, .browseBar ul.tagList li.clearAll {
  position: relative;
  color: #C82D09;
  cursor: pointer;
  z-index: 999; /* Add This */
}