IE og Firefox driller hinanden

Jeg har en ok erfaring med opbygning af hjemmesider i tabeller, men er først nu rigtig startet på CSS layout (andet end lidt formattering af tekst og links), men det er begyndt at frustrere mig ret kraftigt.

Jeg har lavet en lille testside, der viser hvad mine problemer går ud på:

http://nexoenet.dk/test/test.htm

I Internet Explorer er teksten nede i den nederste boks venstrestillet fint som planen foreskriver, men i firefox er noget af den højrestillet?!

I Internet Explorer er der en margen under knapperne i øverste venstre hjørne mens det ser fint ud i firefox. Ligeledes er der et kæmpe mellemrum mellem toppen og den nederste boks i IE.

Jeg har bakset en del rundt med det og tilføjet og fjernet padding og margin forskellige steder så det er en hel fryd, men nu er det gyldne overblik så pist væk og jeg ville høre om ikke der var én herinde der lige kunne spotte fejlene.

Det er garanteret ikke så svært, men det skal jo lige lærers ordentligt først :-)