[CSS] <li> "erzeugt&quot; Fehler

[Meflin]

Aloa!

Mal wieder ein CSS-Problem Der Aufbau meines Designs ist wie folgt:

Code:

  <div class="box&quot;>
    &lt;div id=&quot;inner&quot;&gt;
      &lt;div id=&quot;head&quot;&gt;Überschrift hier&lt;/div&gt;
        &lt;ul&gt;...Inhalt hier&lt;/ul&gt;  
      &lt;/div&gt;
  &lt;/div&gt;

Die CSS-Definitionen dazu:

Code:

div.box {
   padding: 1px;
   border: 1px solid #CCCCCC;
   display: block;
   font-family: Georgia, "Times New Roman", Times, serif;
   margin-bottom: 5px;
}

div.box #head {
   background-color: #99CC66;
   font-size: 14px;
   padding: 4px;
   color: #336600;
   font-weight: bold;
   margin-bottom: 2px;
}

div.box #inner {
   background-color: #F6FEDF;
}

Aussehen tut das ganze wie Anhang 2, aussehen sollte es wie Anhang 1. Das Problem tritt nur auf, wenn innerhalb des divs lis verwendet werden Wie bekomm ichs weg?