Dein #wrapper und #content_wrapper sind jeweils 900px breit.
Darin befinden sich #content_left mit 200px und #content_right mit 700px Breite, macht zusammen ebenfalls 900px.
Nun musst du bedenken, dass sich nach dem CSS-Boxmodell die eigentliche Breite noch um padding-, border- und margin-Werte verbreitert.
Tatsächlich ist dein #content_left keine 200px breit, sondern insgesamt
200px + 0.5em padding-left + 0.5em padding-right.
Das macht insgesamt 200px + 1em =~ 216px.
Gleiches gilt für #content_right, der dann ~ 716px ist.
216 + 716 = 932px und das passt dann folglich nicht mehr in deinen #wrapper bzw. #content_wrapper.
Abhilfemöglichkeiten:
Zunächst würde ich zum einheitlichen Rechnen den Paddingwert auf px setzen, also statt 0.5em nimm z.B. 8px.
Nun kannst du entweder die gesamtbreite des #wrapper und #content_wrapper um jeweils 32px auf 932px erweitern oder die width-Werte von #content_left um 16px auf 184px sowie von #conten_right von 700px auf 684px verringern.
Beide Möglichkeiten sollten dann klappen.
Der #content_wrapper wird nur dann benötigt, wenn er eine Hintergrundgrafik haben soll. Ansonsten ist er überflüssig.
Viel Erfolg!