margin-top no funciona

[Chico3001]

Hola... estoy intentando haciendo un cuadro para mostrar datos de una agenda y por alguna razon el div que dibuja el borde inferior no me esta respondiendo a la propiedad margin-top, alguien me podria ayudar a encontrar el error?

Código HTML:

 <div class="azul col_50 jq_fade">
			<h1>Martes, 13 de Marzo de 2012</h1>
			<p style="width: 96%" class="even"><span class="etiqueta">09:00</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331650800" >Click para añadir evento</a></p>

			<p style="width: 96%" class="odd"><span class="etiqueta">09:30</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331652600" >Click para añadir evento</a></p>
			<p style="width: 96%" class="even"><span class="etiqueta">10:00</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331654400" >Click para añadir evento</a></p>
			<p style="width: 96%" class="odd"><span class="etiqueta">10:30</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331656200" >Click para añadir evento</a></p>
			<p style="width: 96%" class="even"><span class="etiqueta">11:00</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331658000" >Click para añadir evento</a></p>
			<p style="width: 96%" class="odd"><span class="etiqueta">11:30</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331659800" >Click para añadir evento</a></p>

			<p style="width: 96%" class="even"><span class="etiqueta">12:00</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331661600" >Click para añadir evento</a></p>
			<p style="width: 96%" class="odd"><span class="etiqueta">12:30</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331663400" >Click para añadir evento</a></p>
			<p style="width: 96%" class="even"><span class="etiqueta">01:00</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331665200" >Click para añadir evento</a></p>
			<p style="width: 96%" class="odd"><span class="etiqueta">01:30</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331667000" >Click para añadir evento</a></p>
			<p style="width: 96%" class="even"><span class="etiqueta">02:00</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331668800" >Click para añadir evento</a></p>

			<p style="width: 96%" class="odd"><span class="etiqueta">02:30</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331670600" >Click para añadir evento</a></p>
			<p style="width: 96%" class="even"><span class="etiqueta">03:00</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331672400" >Click para añadir evento</a></p>
			<p style="width: 96%" class="odd"><span class="etiqueta">03:30</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331674200" >Click para añadir evento</a></p>
			<p style="width: 96%" class="even"><span class="etiqueta">04:00</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331676000" >Click para añadir evento</a></p>
			<p style="width: 96%" class="odd"><span class="etiqueta">04:30</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331677800" >Click para añadir evento</a></p>

			<p style="width: 96%" class="even"><span class="etiqueta">05:00</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331679600" >Click para añadir evento</a></p>
			<p style="width: 96%" class="odd"><span class="etiqueta">05:30</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331681400" >Click para añadir evento</a></p>
			<p style="width: 96%" class="even"><span class="etiqueta">06:00</span><a class="oculto" href="/Nyx/agenda.php?action=nuevo&amp;fecha=1331683200" >Click para añadir evento</a></p>
			<div class="borde"></div>
		</div> 

Código HTML:

.col_50 {
	float: left;
	width: 47%;
	margin-left: 20px;
}
.azul {
	margin-bottom: 20px;
	color: #363636;
	background: #FFFFFF url(images/bg_table_head.gif) repeat-x 0 -1px;
	border: 1px solid #009;
}
.azul div.borde {
	clear: both;
	width: 100%;
	height: 4px;
	margin-top: 5px;
	border-top: 1px solid #6666AA;
	background-color: #DDEEFF;
}
.azul h1 {
	height: 20px;
	margin: 0 0 10px 0;
	padding: 2px 0px 0px 15px;
	color: #009;
	font-size: 100%;
	font-weight:bold;
}
.azul a, .azul a:visited {
	color: #009;
	text-decoration: none;
}
.azul a:hover, .azul a:hover {
	text-decoration: underline;
}
.azul span.etiqueta {
	margin: 0 10px 0 5px;
	color: #666;
	font-size: 85%;
}
.azul p {
	float: left;
	margin: 0 0 1% 2%;
}
.azul p.right {
	text-align: right;
	margin: 0 2% 1% 0;
}
.azul p.even a.oculto {
	color: #E7F7FF;
	text-decoration: none;
}
.azul p.odd a.oculto {
	color: #FFF;
	text-decoration: none;
}
.azul p:hover a.oculto {
	color: #333;
	text-decoration: none;
}