Okay ich hab hier eine Möglichkeit die funktioniert:
CSS:
#head_top {
width: 90%;
min-width: 780px;
height: 30px;
margin: auto;
}
#head_top_left {
background: url(/images/head_top_left.png);
width: 6px;
height: 30px;
float: left;
}
#head_top_logo {
background: url(/images/head_top_logo.png);
width: 143px;
height: 30px;
float: left;
}
#head_top_middle {
background: url(/images/head_top_middle.png);
width: 2px;
height: 30px;
float: left;
}
#head_top_repeat {
background: url(/images/head_top_repeat.png) top repeat-x;
height: 30px;
margin-left: 151px;
margin-right: 6px;
}
#head_top_right {
background: url(/images/head_top_right.png);
width: 6px;
height: 30px;
float: right;
}
HTML:
<div id="head_top">
<div id="head_top_left"></div>
<div id="head_top_saga"></div>
<div id="head_top_middle"></div>
<div id="head_top_right"></div>
<div id="head_top_repeat"></div>
</div>