posizionamento delle sfumature laterali... sto perdendo la testa

in pratica ( seguendo il tutorial su pro.html ) ho creato le sfumature laterali con un img che al centro ha uno spazio bianco di 724px e ai lati le sfumature.

fin qui tutto bene.

ecco xhtml
codice:
<body>
 <div id="parent">
  <div id="child">
   bla bla bla bla bla
   <div id="footer">
    bla bla
   </div>
  </div>
 </div>
</body>
ecco il css
codice:
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	
}


div#parent {
	background: #FFFFFF url(img) repeat-y center;
}

div#child {
	text-align: left;
	margin: 0px auto;
	width: 723px;
}


div#footer {
	background-color:#F4F4F4;
}
il problema come si vede nell'immagine allegata e che rimane un px tra il footer e il bordo destro.

ora voi direte: be ovvio hai messo il #child largo 723 quando hai detto che lo spazio dell img è 724.

bene: mettendo il #child a 724 viene "mangiato" pixel del bordo sinistro e comunque rimane il pixel di spazio a destra.

come faccio?
ho iniziato oggi a strutturare con i div qualunque consiglio è ben accetto