Problema con efecto hover

[Siroguh]

Bueno, pues aqui está el código final. Me hace algún extraño si le quiero meter la propiedad "transition". Si veo que queda MUY mal la quitare y ya.


os pongo el css, el html es igual:

Código HTML:

#izqder {
	width:98%;
	height:300px;
	border:10px solid #333;
	border-radius:20px;
	margin-bottom:40px;
	padding:10px;
	overflow:hidden;
}

#izq {
	width:25%;
	height:92.5%;
	border:1px solid #333;
	display:inline-block;
	margin-left: -20%;
	float: left;
	-moz-transition:all 1s ease-in-out;
	padding:11px;

}
#der {
	width:65%;
	height:99.8%;
	border:1px solid #333;
	float:left;
    margin-left: 10%;
    -moz-transition:all 1s ease-in-out;
}


#izq:hover{
	margin-left:0px;
}


#izqder:hover #izq:hover + #der{
   margin-left: 320px;
   margin-top:-302px;
   }