Anzitutto correggi gli errori:
a)
font: 1em Arial ;
font-size: 14px;
qui definisci prima la altezza del font uguale al contenitore (1em) e poi la ridefinisci 14px

b)
font: 1em Arial ;
Definisci il font fisso (arial): se non c'e` nel browser viene preso il font default; la definizione precedente ( Arial Helvetica sans-serif ) era piu` corretta.

c)
width:100;
100 cosa? se sono pixel, devi scrivere 100px

Poi devi dare dimensioni espresse nella stessa unita` di misura: stai mescolando px, em, altro: la cosa crea confusione (e si vede).

Potrebbe essere necessario definire diversamente lo sfondo nei blocchi laterali, e definire l'allineamento dell'immagine di sfondo: dovrebbe essere centrata in verticale (vedi background-position).

Ce l'hai un reference per i CSS? Ad esempio: http://www.w3schools.com/css/css_reference.asp .