Сайт бар на сайтбаре

Учусь верстать сайт, и у меня возникла такая проблема,
http://img-fotki.yandex.ru/get/5106/211545922.0/0_108880_6219a304_orig.png
почему они сливаются ? там два виджита вот код файла sidebar.php

<div class="sidebar">
			<div class="vidget">
				<?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar())
				{
                     echo "Нету сабара";
				}
				?>
					  </br>
			</div>
		</div>

вот таблица стилей виджитов

.sidebar{
	float:left; margin: 0 0 0 20px; width: 207px;
	}
.vidget{
	background:#e7e2e3; margin:0 0 20px 0; border:1px solid #d7d3d4;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
	.vidget h2{
		background:#3f282f; color:#fff; font:18px "Century Gothic"; text-align:center; padding:5px 0;
		border-radius: 8px 8px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
		}
	.vidget ul{
		list-style:none; padding:25px 15px;
		}
		.vidget ul li{
			border-bottom:1px solid #c8bbbd; border-top:1px solid #fff; padding: 5px 0 5px 20px;
			}
		.vidget ul li:first-child{
			border-top:none;
			}
		.vidget ul li:last-child{
			border-bottom:none;
			}
			.vidget ul li a{
				color:#000; font:14px "Century Gothic";
				}
			.vidget ul li a:hover{
				color:#000; font:14px "Century Gothic"; text-decoration:none;
				}	

/*		FOOTER		*/