Dwa tła i obrazek

[domin221]

Witam
Otóż mam problem, a mianowicie chcę na stronie zrobić tak by w jednej linii na lewej stronie było jedno tło, a na prawej drugie(inne), i by stykały się w połowie. A na te tła nałożone było logo w centralnej części strony.

<div id="left"></div> <img src="grafika/top.png" border="0" >
<div id="right"></div>
<br style="clear: both;" />

i

#left {
float: left;
background: url(grafika/left.png) repeat-x;
height:572px;

}
#right{
float: left;
background: url(grafika/right.png) repeat-x;
height:572px;

[Kartofelek]

+ width dla obu bokow
+ dla img z logiem position:absolute; top:50%; left:50%; margin:-polowaY px -polowaX px