html - CSS を使用してオブジェクト間のギャップを削除する

Question

2 つのオブジェクト間のギャップを削除する方法を探しています。現時点では、ul メニューとコンテンツを保持する div の間に表示されるコンテナーがあります。マージン/ディスプレイの変更を見てきましたが、それを削除する方法がわかりません。これが私が何を意味するかを示すための画像です。黒いバーとメニューバーの間の隙間をなくしたい。恐ろしいCSSの質問で申し訳ありません。:>

画像: http://i.imgur.com/Dov5gct.png

Pastebin ID (Pastebin URL の末尾に配置します。)

CSS: /iUadQRK0

HTML: /ShWXsp8v

事前に助けを求めて乾杯xx

Answer 1

#menu から高さを削除したい。

#menu{
    width:100%;    
   /* height:25px; */
    background-color: #0000FF;
    margin:0px;
    padding: 0px;
    list-style-type:none;
}

Answer 2

コメントで回答されているように、UL 要素の高さを削除する必要があります。

#menu
{
    height: 25px;
}