stfischr: <p>erzeugt Abstand außerhalb des <div>

Beitrag lesen

Hallo benutze Firefox 3 und xhtml 1.1

<?xml version="1.0" encoding="UTF-8"?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="xhtml11.xsd" xml:lang="de">  
 <head>  
  <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />  
  <meta name="author" content="" />  
  <title>PHP 5 + XHTML 1.1 + CSS 2.1</title>  
  <link rel="stylesheet" type="text/css" href="style.css" />  
 </head>  
 <body>  
  <div id="logo_menu">  
   <div id="menu">  
    Bla Bla  
   </div>  
   <div id="logo">  
    <p>Bla Bla</p>  
   </div>  
  </div>  
 </body>  
</html>
@CHARSET "UTF-8";  
#logo_menu  
{  
 float: left;  
 width: 151px;  
 margin:20px 0px 0px 20px;  
 padding:0px;  
  background-color: #54ff32;  
}  
#logo  
{  
 float:none;  
 width:151px;  
 height:151px;  
 text-align:center;  
 margin:0px;  
 padding:0px;  
 background-image:url(images/ctplogo.png);  
 background-color:000000;  
 background-repeat:no-repeat;  
}  
#menu  
{  
 float:none;  
 width:auto;  
 height: 300px;  
 margin:0px;  
 padding:0px;  
 background-color: #ffccff;  
}

Sobald ich ein <p></p> einfüge entsteht ein Absatz außerhalb des <div>
wie über "logo"