i have 2 divs div1 and div2

there is an image in div2 and there is a link in div1, by default the image in div2 is hidden and i have used
#div2 img{
visibility: hidden; // also i tried display: none;
}

when i move the mouse over the link in div1 i want the image in div2 to appear

following is my code
#div1 a:hover #div2 img1{
    visibility: hidden; or display: none;
}

the image in div2 is not appearing

without using javascript or jquery can this simple effect be done by using css code

can someone tell me the correct syntax to show the image

please advice.

thanks