は、私は次のように見える水平方向のナビゲーションを持っているCSS水平ナビゲーションバー

Question

に積極的にli要素に下の枠線を削除します何らかの理由でこれを行う通常の方法は機能していないようです。私はmargin-bottom: -1px;を適用しようとしましたが、うまくいきませんでした。

は、ここに私のCSSコードをJSFiddleです： http://jsfiddle.net/s5ynF/8/

は、この上の任意の助けに感謝します。

Answer 1

シンプルです。これに

更新これらのCSSセレクタを：

ul.nav { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    padding-left: 25px; 
    border-bottom: 1px solid #E8E8E8; 
    height:25px; 
} 

#nav .home { 
    background-color: #FFF; 
    border: 1px solid #E8E8E8; 
    border-bottom: 1px solid #FFF; 
    margin-bottom: -1px; 
} 

私はそれが働いていなかった理由ですoverflow:hidden;を削除しました。私はその後固定高さを適用しました.nav

Answer 2

overflow: hiddenとは別の明確な修正方法を使用する必要があります。

明示的な高さを追加してoverflow: hiddenを削除して機能させました。