jestem początkujący w css i proszę o wyrozumiałość

Mam mały problem, jestem w trakcie projektu strony www we flashu ( http://flashx.kei.pl/sweets/index.html ), stronka znajduje się dokładnie w centrum przeglądarki (wymiary 1100px/668px) i do tej stronki chciałbym dokleić tło w css, inne z prawej strony i inne z lewej strony, gdyż chciałem je dokładnie wtopić do projektu, tło nie może się powielać , będzie stałej wysokości (668px) i szerokości np.300 px na każdą ze stron,chciałem zrobić ,żeby tło zaczynało się dokładnie od krawędzi strony ,będzie ono kontynuacją tego co zacząłem we flashu, mam wielką prośbę moglibyście mi podpowiedzieć jak to zrobić w css,please. Z góry dzięki za podpowiedzi , pozdrawiam
co mógłbym ewentualnie dopisać do tego co posiadam :
body {
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:1100px;
margin-bottom:10px;
list-style: none;
}
#kontener {
width:1100px;
height:auto;
}
#swf {
color:#898252;
width:1100px;
height:688px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
}