#box1 div { display: none; position: absolute; left: 225px; top: 415px; visibility: visible; }
  #box2 div { display: none; position: absolute; left: 225px; top: 415px; visibility: visible; }
  #box3 div { display: none; position: absolute; left: 225px; top: 415px; visibility: visible; }
  #box4 div { display: none; position: absolute; left: 225px; top: 415px; visibility: visible; }
  #box5 div { display: none; position: absolute; left: 225px; top: 415px; visibility: visible; }
  #box6 div { display: none; position: absolute; left: 225px; top: 415px; visibility: visible; }
  #box7 div { display: none; position: absolute; left: 225px; top: 415px; visibility: visible; }
  #box8 div { display: none; position: absolute; left: 225px; top: 415px; visibility: visible; }


  
 /*  #text-box-1 { display: block; } */

  #box1:hover div { display: block; width: 17em; font-size: 13px; background-color: #ffc; padding: 15px; border: ridge; border-color: #666666; }
  #box2:hover div { display: block; width: 17em; font-size: 13px; background-color: #ffc; padding: 15px; border: ridge; border-color: #666666; }
  #box3:hover div { display: block; width: 17em; font-size: 13px; background-color: #ffc; padding: 15px; border: ridge; border-color: #666666; }
  #box4:hover div { display: block; width: 17em; font-size: 13px; background-color: #ffc; padding: 15px; border: ridge; border-color: #666666; }
  #box5:hover div { display: block; width: 17em; font-size: 13px; background-color: #ffc; padding: 15px; border: ridge; border-color: #666666; }
  #box6:hover div { display: block; width: 17em; font-size: 13px; background-color: #ffc; padding: 15px; border: ridge; border-color: #666666; }
  #box7:hover div { display: block; width: 17em; font-size: 13px; background-color: #ffc; padding: 15px; border: ridge; border-color: #666666; }
  #box8:hover div { display: block; width: 17em; font-size: 13px; background-color: #ffc; padding: 15px; border: ridge; border-color: #666666; }