Innanzitutto per centrare il contenitore di 99% devi dare un text-align:center al <body> e margin-left/right su auto al contenitore. poi ti consiglio di dare il float:right al div
#foto.a questo div darai anche la dichiarazione display:inline per fixare il double margin bug di IE. poi piazzi l'altro div #testo con la marginazione, senza dargli width: 60%. cioè l'ordine verrebbe:

<div id="giorno">
<div id="foto">[img][/img]</div>
<div id="testo">
<span class="first">L</span>orem ipsum...
</div>
</div>