Mastering CSS

Fixing the hover state

There are two ways in which we can fix the rounded corners getting lost when we hover over the Open Water submenu item. The first is using the last-child pseudo class, which you learned about a couple of sections earlier, to target the a selector and the last li selector of the submenu. This should work just fine, but if we want to get even deeper browser support, we need to use a different technique that uses overflow: hidden on the ul element—the parent. I tend to like the overflow: hidden approach here because it's minimal and has deeper browser support:

/****************Drop Down Menu****************/.has-submenu ul{  position: absolute;  top: 70px;  background-color: #fff;  border-bottom: 1px solid #ada791; border-left: ...