Was ist mit der div-Box passiert?

[Horus]

Hallo,
mein Problem ist, dass ich versuche einen Text in einer div-Box auszugeben, dies aber darin resultiert, dass die div-Box bis zu einem mir unverständlichen Maß verschandelt wird.
Folgender Code wird mit Start der Seite ausgeführt:

  
<div align="center" id="allgemein" style="display:inline;padding:5px 10px;border:dashed #EE0000 1px;background-color:#FFD0D0">  
<font color=#EE0000>Name der Mission: Gelegenheitsarbeit<br />Dauer: 0h 30min</font>  
</div>  

Und was dabei herauskommt ist das hier:

Vorher habe ich versucht den selben Text mit einer Tabelle auszugeben, aber das Ergebnis war noch merkwürdiger.

Ich bin mit meinem Latein hier wirklich am Ende, ich kann mir nichtmal erklären was hier überhaupt passiert.