Ho creato questa pagina

Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>

<style type="text/css">
#footer2 {
    font-size: 10px; }
#footer2 A { 
    color: #666666; 
    text-decoration: none; }
#footer2 A:link, A:visited { 
    color: #666666; } 
#footer2 A:hover { 
    color: #666666; 
    text-decoration: underline; }
#footer2_container {
    margin: 0px auto 0px auto;
    height: 46px;
    font-size: 10px;
    background: url([url]http://www.marqad.com/Thyme2DineWEBSITE/images/Backgorund%20web%20bar_r4_c5.gif[/url]) repeat-x right; }
#footer2_content {
    margin: 0px auto;
    border: 1px solid #000000;
    width: 960px;
    height: 46px; }
.footer2_spacer {
    float: left;
    width: 21px;
    height: 46px;
    background-color: #993300; }
.footer2_content {
    margin: 0px 0px 0px 21px;
    height: 46px; }
.footer2_content_A {
    padding: 6px 0px 0px 0px;
    color: #666666; }
.footer2_content_B {
    padding: 10px 0px 0px 0px;
    color: #666666; }
</style>

</head>

<body>
<div id="footer2">
<div id="footer2_container">
<div id="footer2_content">
<div class="footer2_spacer"></div>
<div class="footer2_content">
<div class="footer2_content_A">Contenuto A</div>
<div class="footer2_content_B">Contenuto B</div>
</div>
</div>
</div>
</div>

</body>
</html> 
Premesso che il <div id="footer2_content"> sia centrato nella pagina e di grandezza fissa (960px), la mia intenzione sarebbe quella di replicare un'immagine di backgorund al <div id="footer2_container"> solo a destra del <div id="footer2_content"> ma non riesco a trovare una soluzione.

Assegnando al <div id="footer2_container">, l'immagine mi viene replicata sia a destra che a sinistra del <div id="footer2_content">.

Avete qualche suggerimento?
Grazie
Un salutto a tutto la Community
3nrico