css Dove è finita l'immagine di sfondo?

[mrblade]

css Dove è finita l'immagine di sfondo?

Molto probabilmente sto per fare una domanda banale... sono in balia della mia ignoranza.
Ho due colonne css fisse, per avere le due colonne della stessa altezza ho deciso di usare l'immagine di sfondo. Il problema è che questa immagine non riesco a vederla, vedo solo il colore di sfondo. Se però nella pagina web faccio tasto destro, visualizza immagine di sfondo ecco che me la vedo apparire. Secondo me è il boxmenu che da fastidio...

Codice css

body { 
background-color:#105b1b; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #000000; 
margin-top:50px }

#header { 
width:800px; 
margin-left:auto; 
margin-right:auto}

#footer {
width:800px; 
margin-left:auto; 
margin-right:auto}

#boxmenu {
width:600px; 
height:20px; 
color:#99FF66; 
margin-left:180px; 
margin-top:-71px; 
background-color:#fdf8cc}

#maintable { 
background-image:url(images/frame/canne.gif); 
width:800px; 
height:auto; 
background-color:#ffffff; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#000000; 
text-align:left; 
margin-left:auto; 
margin-right:auto; }

#staticasx {
float:left;
margin-top:0px;
width:200px;}

#colonnadx {
float: right;
width: 589px;
margin: 0px; padding: 0px;
margin-right:11px;
} 

codice html

<div id="maintable">

<div id="header"></div>

<div id="boxmenu">Menu</div>

<div id="staticasx"></div>

 <div id="colonnadx">
 contenuto
 </div>
 
</div>

<div id="footer" style="clear:both"></div>