Allora devi spostare il background su body. Non avevo visto prima il tuo screenshot. Se le due colonne devono partire dopo il logo puoi riconsiderare il codice così:
codice:
<!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>
<link rel="shortcut icon" href="Images/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Wango</title>

<style type="text/css">
* {
	margin: 0;
	padding: 0;
	border:0;
}
body {
	text-align: center;
	background-color: #d1d1d1;
	background-image:url(images/background.gif);
	background-repeat:repeat-x;
}
#container {
	width: 931px;
	margin: 0 auto;
}
#header {
}
#content {
	background-color: #fff;
}
#colonnaSinistra {
	width: 634px;
	float: left;
}
#colonnaDestra {
	width: 297px;
	float: right;
}

</style>

</head>

<body>
<div id="container">

  <div id="header">[img]images/logo.gif[/img]</div>

  <div id="content">
     <div id="colonnaSinistra">contenuti della colonna sinistra</div>
     <div id="colonnaDestra">contenuti della colonna destra</div>
  <br clear="all" />
  </div>
   
</div>
</body>
</html>