DIV richtet sich nicht ganz oben aus

[Bla]

ich habe das Problem, dass ich ein Div-Element einfach oben wie ein Banner haben will. Im IE geht das auch wunderbar, aber im Firefox habe ich immer zwischen oberem Rand und Div-Anfang ein freies Stück.
An was kann das liegen?

Außenabstände werden zusammengezogen, und zwar so, dass der größte gewünschte Abstand bleibt (du kannst nebenbei bemerkt davon ausgehen, dass der IE es falsch macht, auch wenn's das passiert, was du möchtest). Daher:

<div style="margin:0; padding:0; …">
<p align="center">

Der Abstand, der dich stört, stammt vom <p>-Element.

Davon unabhängig macht es nicht allzu viel Sinn, ein <p> auf diese Weise in ein <div> zu stecken. Schmeiß' das <div> raus und formatiere das <p>-Element, das Ergebnis wird das Gleiche sein (ohne Abstand, da dann <p> mit margin=0).

Weiterhin sollten sich Arien à la

Projektmanagement&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Projektsteuerung&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

durch Angabe eines Seitenabstands vermeiden lassen.
Verwendest Du statt des <p> bzw. <div> eine <ul>/<li>-Kombination, hättest du auch gleich eine feine Möglichkeit, diesen Seitenabstand sinnvoll (also ohne <span>) unterzubringen.

Das sähe dann ungefähr so aus:

<style type="text/css">
ul {
  text-align:center;
  margin:0;
  padding:0;
  background: rgb(63, 63, 159); color:white;
  line-height: 300%;
  font-size: 110%"
}
li {
  display:inline;
  padding:0 1em;
  margin:0;
  list-style:none;
}
</style>

[…]

<ul>
<li>Projektmanagement</li>
<li>Projektsteuerung</li>
<li>Facility Management</li>
<li>Consulting</li>
<li>Bauherrenberatung</li>
</ul>

Schön, oder?