Не делает выплывающее меню в рамку - HTML, CSS - Ответ 6426380

ul.menulinks {
  list-style: none;/*это добавил я*/
  padding: 0;/*это добавил я*/
  margin: 0;/*это добавил я*/
}
ul.reset.menulinks > li {
    position: relative;
    float: left;/*это добавил я*/
}
ul.reset.menulinks > li > a {
    display: block;
    padding: 10px;
    color: white;
    background-color:#b3d9f9;
    text-decoration: none;
}
ul.reset.menulinks > li > a:hover {
    background-color: white;
}
ul.submenu {
    display: none;
    position: absolute;   /*это добавил я*/
    width: 130px;
    background-color: white;
    margin: 0;/*это добавил я*/
    padding: 0;/*это добавил я*/
    border: 1px solid #f00;/*это добавил я, собственно рамка вокруг выпадающего меню*/
    
}
ul.submenu > li {
    display: block;
   
}
ul.submenu > li > a {
    display: block;
    padding: 15px;
    color: #3b4b59;
    width: 100px;
   
    background-color: #b3d9f9;
    text-decoration: underline;
    line-height:10px;
}
 
ul.menulinks > li:hover > ul.submenu {
display: block; 
}