Hallo,
zu 1: nimm das width: 5em aus float5 raus.
zu 2: du müsstest via Media Query das Logo im Fall des Handyscreens dann mittig setzten. ( http://www.drweb.de/magazin/media-queries-mobile-version-von-websites-mit-css3-erstellen/ )
Ich bin mehr der Plugincoder, vor CSS versuche ich mich immer zu drücken ;-) Torsten könnte dir das wahrscheinlich fertig diktieren, ich beschränke mich mal auf die richtigen Hinweise wo du schauen solltest.
Gruß
Frank