Cita: #content {width:auto;background: url('images/maple-back.jpg') no-repeat bottom right;
margin-left:10em; padding-left: 10px;
Resulta que indicas en el CSS que el ancho de "content" es automático llenando el espacio que queda sobrante de "navigation", cierto?. que además tiene margen de 10em y padding de 10px por el lado izquierdo.
Qué pasa? que el Internet explorer te suma el valor de padding y por eso se te muestra debajo, o sea que el ancho de "content" es 10px más ancho en internet explorer, creo que algien alguna vez posteó ese error.
Saludos,
PD: ya te dije el por qué, ahora busquemos la solución!