css 多段階メニュー

javascriptを使わずに。
はてなダイアリー上だと">"記号が使えないので動かない・・・

<style>
.multimenu, .multimenu ul {
	list-style-type: none;
}
.multimenu ul {
	display:none;
}
.multimenu li:hover > ul {
	position:relative;
	top:-1em;
	left:3em;
	display:block;
}
</style>

<ul class=multimenu>
<li>
	<a href="#">adobe</a>
	<ul>
		<li><a href="#">web</a>
			<ul>
				<li><a href="#">dreamweaver</a></li><li><a href="#">flash</a></li><li><a href="#">fireworks</a></li>
			</ul>
		</li>
		<li><a href="#">DTP</a>
			<ul>
				<li><a href="#">Photoshop</a></li><li><a href="#">illustrator</a></li><li><a href="#">InDesign</a></li>
			</ul>
		</li>
	</ul>
</li>
<li>
	<a href="#">Microsoft</a>
	<ul>
		<li><a href="#">office</a>
			<ul>
				<li><a href="#">Excel</a></li><li><a href="#">Word</a></li><li><a href="#">Powerpoint</a></li>
			</ul>
		</li>
		<li><a href="#">development</a>
			<ul>
				<li><a href="#">VB</a></li><li><a href="#">VC</a></li><li><a href="#">C#</a></li>
			</ul>
		</li>
	</ul>
</li>
</ul>