HTML and CSS: On hover display div [duplicate]

Answer 1

If you change your HTML as follows

The following css will do

#product1hover{
  display:none;
}
#product1:hover #product1hover{
  display:block;
}

Update

With your existing HTMLyou can achieve this as follows:

#product1hover{
 display:none;
}
#product1:hover + #product1hover{
 display:block;
}