effetto linguetta tirata in menu in stato hover, possibile solo in menu basso?

[gabar-el]

ciao, stavo provando ad effettuare un effetto linguetta tirata su un menu. Se lo applico in un menu basso (cioè dall'altro verso il basso) riesco bene, ma se provo in un menu altro no, poichè l'effetto hover avviene sempre verso il basso, non riesco a capire come sistemare, forse non ci si riesce, ma chiedo per ignoranza....

html:

	<div class="menu">
		<ul id="navUp">
			[*][salta il men&ugrave; informativo]
			[*]scorciatoie
			[*]accessibilit&agrave;
		[/list]
	</div>

css:

	div.menu {
		width: 750px;
		height: 40px;
		margin-left: 25px;
		text-align: left;
		background:#000
	}
		ul#navUp, ul#navDown {
			list-style-type: none;
			text-align: center;
		}
		ul#navUp {
			padding-top: 16px;
		}
			ul#navUp li, ul#navDown li{
				margin: 0 0.2em;
				float: left;
			}
ul#navUp a {
					padding: 0.3em 0 0.1em;
				}
a#scoAcc, a#scoAcc:link, a#scoAcc:visited, a#scoAcc:active {
					width: 160px;
					background: url(images/menu/bgScoAcc.png) top left no-repeat;
				}
				a#scoAcc:hover, a#scoAcc:focus {
					padding: 0.8em 0 0.4em;
					margin: 0 0 0.8em;
					background: url(images/menu/bgScoAccHover.png) top left no-repeat;
				}

grazie a chiunque avrà voglia di mettercisi....
ciao