HTML-Code:
#header-topleft{
background: url(pics/navi_top_left.jpg) no-repeat scroll center top;
height: 131px;
width: 9px;
float: left;
}
#header-topright{
background: url(pics/navi_top_right.jpg) no-repeat scroll center top;
width: 9px;
height: 131px;
float: right;
}
#header{
background: url(pics/navi_top_middle.jpg) repeat-x scroll center top;
height: 131px;
}
Da im html bereits ein Element header vorkommt, habe ich mir erlaubt, das mal ein wenig umzubenennen. Wie Du siehst, habe ich den kompletten div ...middle verworfen und den Hintergrund dem umhegebenden #header gegeben. Dadurch liegr auch hinter den rechten und linken Abschlüssen das Bild von #header. Damit kannst Du Dir das Hacking vom IE6 für diesen Teil sparen. Die Abschlussecken mußt DU nun überarbeiten - also die Rundungen in der Site Backrgoundfarbe machen, da hier ja auch der HG von #header durchscheinen wird.
HTML-Code:
<div id="head">
<div id="headTopLeft"></div>
<div id="headTopRight"></div>
</div>