html - コンテナがウィンドウの幅を超えて伸びない

Question

別の StackOverflow ユーザーがここで尋ねたのと同じ問題に苦しんでいます: link。解決策は、コンテナー (div) で次の CSS を使用することでした。

display:table;
width:100%;

ただし、div の下部に境界線があり、div のコンテンツと境界線の間にギャップがあります。

このギャップを解消する方法を知っている人はいますか?

編集：

コンテナの CSS:

background-image:url('images/header.jpg');
background-repeat:repeat-x;
border-bottom-color:black;
border-bottom-style:solid;
border-bottom-width:5px;
font-size:small;
font-weight:bold;

このコンテナ内に、次の CSS を持つ別の div があることを追加することも価値があるかもしれません。

#header
{
clear:both;
height:50px;
margin-left:auto;
margin-right:auto;
width:900px;
}

#header > *
{
float:left;
}

そしていくつかのHTML：

<div id="header-container">
    <div id="header">
    </div>
</div>

Answer 1

これを追加してみてください：

border-collapse: collapse;
border-spacing: 0;