[CSS] <p> und <ul> formatierung klappt nicht

<div id="event-details">
<div class="detail">Wann</div>
<p>Samstag, 26. Oktober 2013 ab 14:00 Uhr</p>
<div class="detail">Wo</div>
<p>Disco Fame, Zimmern ob Rottweil</p>
<div class="detail">Was</div>
<ul class="info">
<li>Großes Beer Pong Turnier mit anschließender After-Show Party</li>
<li>Mindestens 5 Spiele pro Team</li>
<li>Eintritt zur After-Show Party im Preis enthalten</li>
</ul>
<div class="detail">Preise</div>
<p>1. Platz: 500EUR [&amp;] Beer Pong Tisch des Finalspieles<br>2. Platz: 250EUR [&amp;] Beer Pong Luftmatratze<br>3. Platz: 100EUR [&amp;] 100 Red Cups<br> Weitere Sachpreise für nachfolgende Plätze je nach Teilnehmeranzahl</p>
<div class="detail">Startgeld</div>
<p>25EUR pro Spieler (2 Spieler je Team)</p>
<div class="detail">Anmeldefrist</div>
<p>13. Oktober 2013</p>
</div>

.mod_eventreader .layout_full #event-details div {/*design detail page with information for event*/
 color: #c31421;
 float: left; 
 /*font-weight: bold;*/
 margin-bottom:0.5em;
 position:relative;
 text-transform:uppercase;
}
.mod_eventreader .layout_full #event-details p {/*design detail page with information for event details*/
 border-left:1px solid #aaa;
 margin-bottom: 0.5em;
 margin-left:2em;
 padding-left:0.5em;
}
.mod_eventreader .layout_full #event-details ul {/*design detail page with information for event details - ilst*/
 border-left:1px solid #aaa;
 margin-left:55px;
 padding-left:10px;
}