Dernière ligne droite, derniers problèmes

Bonjour à tous!

Je suis un développeur de site web semi débutant: des bases correctes en css et html, un peu de php et de jquery.

Actuellement je travaille sur ce site:

www.profshort.fr/sitecp/index.php



Le header ne s'affiche pas à 100% (malgré son width:100%) sur ipad alors que partout ailleurs si: est ce un problème classique?

Y a t il moyen de régler plus élegamment la question du footer fixe avec le scroll qui passe en dessous, du coup j'ai une margin-bottom qui cause des scrolls inutiles suivant les pages et les ecrans?

Question aussi sur ma bande vert pomme coté gauche qui est décomposée en 3 parties ( ), comment la faire plus simple ?

Il y a quelques autres erreurs j'imagine et bon nombre d'optimisations possibles. Il semblerait qu'il rencontre des pbs avec IE ( étonnant non?). Tout conseil ou suggestion, ou simplement erreur relevée me sera du plus grand secours! Mes media queries par exemple ne sont pas au top je pense.

Merci d'avance à qui prendra un peu de son temps, ne serait ce que pour regarder la gueule du truc et dire ce qu'il en pense!