Background in verschalteten div's

[Sebastian]

Hallo,

ich habe ein Problem, das mir nicht so recht in den Kopf will.

Quelltext CSS:

#container {
position:absolute;
width:760px;
left:50%;
margin-left:-375px;
top:20px;
background-color:#FFFFFF;
 }

#wrapper {
margin:5px;
padding:0;
background-color:#000000;
border:0;
}

#header {
border:solid green 2px;
margin:0;
padding:0;
background-image:url(../images/tokai_logo.jpg);
background-repeat:no-repeat;
}

#navoben {
border-top:solid #FFF 1px;
margin-top:140px;
margin-left:10px;
margin-right:10px;
padding:0;
text-align:right;
}

In HTML:

[...]

<div id="container">

<div id="wrapper">

<div id="header">

<div id="navoben">
    Navigation
   </div>
   <!-- Navigation -->

</div>
  <!-- Header -->

</div>
 <!-- wrapper -->

[...]

Der Hintergrund vom Container div ist Weiss. Der Wrapper liegt
im Container und hat den Hintergrund Schwarz (damit ist der
Container mit Weiss quasi ein weisser Rahmen). Im Wrapper
liegt das Header div.

Ich habe nun das Problem, dass ja der Hintergrund im Header,
da er ja im Wrapper liegt, schwarz sein soll. Wenn ich nun
die Datei ausführe, dann ist der Header, bis zum Navoben
Element weiss. Wenn ich nun aber um das Header div einen
Border mit z.b. 1px solid green anlege, wird der hintergrund
wieder schwarz. Wenn ich aber im header border:0; anlege,
ist der Hintergrund wieder weiss.

Woher liegt das?