¿Puedo mover un objeto contenedor al pasar el mouse sobre un objeto que está dentro?
Quiero saber si utilizando CSS puedo cambiar la posición del contenedor, al pasar el mouse sobre un div que está dentro de él.
Tengo un div contenedor que contiene otros dos divs, uno al lado del otro, y etoy tratando de que el contenedor se mueva a la derecha, cuando el mouse está sobre el div left.
<style>
#contenedor1{display: block; width:110%; left:-10%; position:relative; background-color:blue;}
#left{display:inline-block; width:10%; height:600px; left:0%; border:1px solid #009; float:left; background-color:#bb7; }
#cuerpo{ display:inline-block; height:600px; width:89%; background-color:green}
</style>
<div id="contenedor1">
<div id="left">Izquierda</div>
<div id="cuerpo">Cuerpo</div>
</div>