<p> macht keinen Absatz...

[Peter]

Hallo,

ich hab ein wenig mit CSS herumexperimentiert. Und plötzlich wird eine Seite, die ich per include (PHP) einbinde, nicht mehr korrekt angezeigt. Genauer gesagt habe ich so etwas:

  
...  
<div id="haupt">  
  
<div id="kopf">  
<img src="images/...>  
</div>  
  
<div id="menucontainer">  
<?php include("menue.php"); ?>  
</div>  
  
...  
<div id="inhalt">  
  
<p><b>Überschrift 1</b><br>Text...Text...Text...</p>  
  
<p><b>Überschrift 2</b><br>Text...Text...Text...</p>  
  
<p><b>Überschrift 3</b><br>Text...Text...Text...</p>  
  
</div>  
...  
  
</div>  

Das zugehörige CSS sieht so aus:

  
* {  
 margin: 0;  
 padding: 0;  
}  
  
  
html {  
 background-color:#000000;  
 color:#FFFFFF;  
 font: 12px Verdana, Arial, sans-serif;  
}  
  
  
body {  
 text-align: center;  
}  
  
  
div#haupt {  
 margin: auto;  
 width: 770px;  
 text-align: left;  
}  
  
#inhalt {  
 float: left;  
 font-size: 12px;  
 width: 610px;  
 color: #000;  
 background-color:#EAF1F7;  
 padding: 5px;  
 margin-bottom:20px;  
}  

Vorher hatte es mir (wie bei HTML üblich) die Absätze mit einer fetten Überschrift angezeigt. Zwischen den Absätzen war immer eine Lücke, so dass sie auch als Absätze sichtbar waren. Nach einigen CSS-Formatierungen waren diese Absätze jedoch aufgehoben, d.h. es gab keine grössere Abstände mehr zwischen den Absätzen, sondern alles sah nach einfachen <br> aus.

Gibt es irgendwas in CSS, was diese Absätze (<p></p>) aufhebt und wie  normale Zeilenschaltungen (<br>) aussehen lässt?

Ach ja, angeschaut und gestestet hatte ich mit Firefox 2.0.0.6.

Vielen Dank und viele Grüsse
Peter