Dynamic Sidebars – Drop-down menu spacing problem

My dynamic sidebars contain drop-down menus for the category and monthly archives (picture). I selected this option in the widgets. How do I get the CSS working so there is space between the headers and drop down menus?

Here is the relevant css as it currently stands

.sidebar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	color: #000000;
	background: url(imagenes_qwilm/arrow.gif) no-repeat center right;
	font-size: 1.1em;
	}

.sidebar ul {
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	list-style-type: none;
	}

.sidebar ul ul {
	margin: 1.0em 0 1.5em 0;
	}

.sidebar ul ul li {
	padding: 0 0 0 10px;
	}

.sidebar ul ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 2px 10px 0 10px;
	}
.sidebar ul ul li a:hover {
	}

I don’t have a dynamic sidebar php file in my theme files … instead my sidebar.php file contains this:

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>

Thanks for any enlightenment.