Problem with submenu

im trying to create sidebar as navigation. Its ok, but sub-menu dosnt work correctly.

page: http://forums.idejutirgus.lv/

Writen in side-bar

<div class="left_menu">
<?php wp_nav_menu( array( 'theme_location' => 'left-menu', 'container_class' => 'top_menu' ) ); ?>
</div>

Writen in css

.left_menu li.current-menu-item {
		background: #fcf2db;
		padding: 8px 0 10px 0;
	}

		.left_menu li.current-menu-item a {
			background: none;
			color: #222527;
			line-height: 1.4em;
		}

		.left_menu li.current-menu-item ul {
			list-style-type:none;
			margin:0 0 0 25px;
		}

			.left_menu li.current-menu-item ul li {
				border: none;
				padding: 0;
			}

				.left_menu li.current-menu-item ul li a {
					background: url("images/left_submenu_bullet.gif") no-repeat scroll 0 4px transparent;
					color: #EC5F00;
					font-size: 11px;
					line-height: 1.2em;
					margin: 4px 0 7px;
					padding: 0 0 0 8px;
					text-decoration: underline;
				}

				.left_menu li.current_page_item ul current-menu-item a {
					background: none;
					color: #222527;
					text-decoration: none;
				}

.sub-menu { display: none; }
.current_page_item .sub-menu, .current_page_parent .sub-menu { display: block; }

.sub-menu {
	background: #fcf2db url(images/submenu_corner.gif) no-repeat 100% 0;
	padding: 6px 3px 22px;
	margin: 1px 0 0 0;
	list-style-type: none;
	border-bottom: 1px solid #E0E2E3;
	position: relative;
	right: -1px;
}

	.sub-menu li {
		margin: 0 10px 0 10px;
	}

		.sub-menu li a {
			text-decoration: none;
			padding: 6px 0 0 9px;
			display: block;
			line-height: 18px;
			background: url(images/left_menu_bullet.gif) no-repeat 0 11px;
			text-decoration: underline;
		}

	.sub-menu li.current-menu-item {
		background: url(images/left_menu_separator.gif) repeat-x 0 100%;
		margin-bottom: 1px;
		padding-bottom: 5px;
	}

		.sub-menu li.current-menu-item a {
			color: black;
			text-decoration: none;
			background: url(images/left_menu_active_bullet.gif) no-repeat 0 11px;
		}

.sub-menu li.current-menu-item ul {
	list-style-type: none;
	margin: 0px 0 0px 15px;
}

	.sub-menu li.current-menu-item ul li {
		margin: 0;
	}

		.sub-menu li.current-menu-item ul li a {
			font-size: 11px;
			color: #ec5f00;
			line-height: 1.2em;
			padding: 0 0 0 8px;
			margin: 4px 0 7px;
			background: url(images/left_submenu_bullet.gif) no-repeat 0 4px;
			text-decoration: underline;
		}

	.sub-menu li.current-menu-item ul li.current-menu-item {
		background: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

		.sub-menu li.current-menu-item ul li.current-menu-item a {
			color: #222527;
			background: none;
			text-decoration: none;
		}

I need same result as here: http://www.bior.gov.lv