Problem mit einem kasten mit runden ecken

[Wurstuk]

Hi ich wollte für meine Homepage einen Kasten mit runden Ecken machen. Leider klappt das ganze nocht nicht so ganz... Hier mal ein Bild wie es aussieht:



Ich möchte aber das sich dieser weiße streifen und die Box berühren. Aber irgendwie will das ganze nicht. Hab Margin schon auf 0px gestellt. Hab es einmal als Bild in den html code eingefügt und einmal als background für einen <div> block, beidesmal das selbe Problem.

Ich hoffe jemand kann mir helfen

 

[neuroleptika]

Ohne Code kann Mann nur raten.
Entweder:
DOCTYPE-Switch: Unerklärliche Lücken zwischen Elementen - Full Standards Mode
oder
Cascading Style Sheets { Grundlegendes : Zusammenfallende Abstände (Collapsing Margins) }

Oder beides?
Oder was ganz anderes?

Zeige am besten einen Link zu deiner Problemseite.

 

[Wurstuk]

CSS Code:

*
{
    padding: 0px;
    margin: 0px;
    border: 0px;
}
body
{
    background-image: url(../pictures/bg3.png);
}
#wrapper
{
    width: 900px;
    margin: 20px auto;
}
#header
{
    background-image: url(../pictures/header.png);
    width: 900px;
    margin-bottom: 15px;
    height: 80px;
}
#content
{
    background-color: white;
    margin-right: 175px;
    margin-left: 175px;
    width: 550px;
    text-align: center;
    min-height: 200px;
}
#navi_left
{
    width: 175px;
    float: left;
    text-align: center;
}
#navi_right
{
    background-color: #800080;
    width: 175px;
    float: right;
    text-align: center;
}
#runde_ecken_oben
{
    background-image: url(../pictures/content_bg_head.png);
    background-repeat: no-repeat;
    margin-left: 175px;
    margin-right: 175px;
    width: 550px;
}

html Code:

<div id="wrapper">
    <div id="header">
    </div>
    <div id="navi_left">
        <p>Navi_left</p>
    </div>
    <div id="navi_right">
        <p>Navi_right</p>
    </div>
    <div id="runde_ecken_oben">
    </div>
    <div id="content">
        <p>Content</p>
    </div>
</div>

Hab deine Links schon ausprobiert. beides funktioniert nicht.

Hoffe jemand kann mir helfen

Edit: OK ich habs^^

*
{
    padding: 0px;
    margin: 0px;
    border: 0px;
}
body
{
    background-image: url(../pictures/bg3.png);
}
#wrapper
{
    width: 900px;
    margin: 20px auto;
}
#header
{
    background-image: url(../pictures/header.png);
    width: 900px;
    margin-bottom: 15px;
    height: 80px;
}
#content
{
    background-color: white;
    margin-right: 175px;
    margin-left: 175px;
    width: 550px;
    text-align: center;
    min-height: 200px;
}
#navi_left
{
    width: 175px;
    float: left;
    text-align: center;
}
#navi_right
{
    background-color: #800080;
    width: 175px;
    float: right;
    text-align: center;
}
#runde_ecken_oben
{
    background-image: url(../pictures/content_bg_head.png);
    background-repeat: no-repeat;
    margin-left: 175px;
    margin-right: 175px;
    width: 550px;
    height: 13px; <------------- Nachdem ich eine höhe eingestellt habe    geht es.
}