Mach Dich mal mit Tools wie Firebug oder F12 im IE 8 vertraut. Dann siehst Du sehr schnell woran es hakt. .SC und .SR sind in .CON enthalten, also fängt .SR schon mal unter dem Header an. Da an .SR noch 25 Pixel Padding definiert sind, beginnen die Boxen noch ein Stück weiter unten.
Du könntest jetzt z.B. .Con und .SC zusammenlegen und .SR danach beginnen lassen. Das könnte dann neben .Con und .SubHeader rutschen, wenn Du .SubHeader entsprechend weniger breit machst (genauso breit wie .Con -- sehe gerade dass .SubHeader mit 520 Pixeln ja schon schmaler ist. .Con/.SC müsste dann also auch nur 520 Pixel breit sein). Dann noch an .SR einen negativen Margin in der Höhe von .Header und die 25 Pixel Padding nach oben weg.
Sorry wenn das jetzt sehr technisch ist. Etwas CSS-Kenntnisse gehören für solche Basteleien leider dazu.