how can i make green div move when hover over list items. e.g when hover ist list item green div gets amrgin left of 10px similarly hovering over other list items makes that much change in margin left as mentioned. here is my jsFiddle http://jsfiddle.net/KYAXQ/1/
I don’t think you can do this will CSS as the div is not adjacent to or a child or sibling of the list item to be hovered so there is no way to select it based on the li.