Transition css

Salve a tutti
sto incominciando adesso con html e css quindi miscuso in anticipo per le cazzate che scrivero'
il problema e questo:

#menuH{
	cursor:default;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	list-style:none;
	color:#FFFFFF;
	font-size:large;
	margin:15px;
	margin-left:10px;
	transition: transform 100ms ease 0s;	
}

.iconHome{
	width:20px;
	height:20px;
	float:left;
	margin-top:1px;
	margin-right:5px;
}

#menuH:hover > .iconHome{
	transform: translate(-10px);
}

perche diavolo non mi fa la transazione ma mi fa solo la trasformazione
grazie a tutti