aiuto con border radius e menù a tendina

[KillerWorm]

Ciao, ho arrotondato gli angolini come chiedi... poi, visto che c'ero ho rivisto altre cose, giusto per... ad esempio quell'orrendo li:nth-child(6) che hai usato per arrotondare l'ultima voce principale, dal momento che risulta senza sottomenu (immagino si per quello, giusto?).. e se per caso un giorno decidi di riempire di sottomenu quella voce? o se decidi di inserire altre voci senza sottomenu? che fai, devi ogni volta modificare il css?

Comunque, prova così:

#menu ul{
  font-weight:normal;
  border: 0px solid black;
  line-height: 1;
  display: block;
  position: relative; /* relative */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}

#menu ul li a {
  font-weight:normal;
  margin: 0;
  padding: 0;
  border-bottom: 0;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}

#menu ul {
  list-style: none;
}

#menu:after,
#menu > ul:after {
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 1;
  height: 0;
}

#menu {
  background-color: transparent ;
  background-size:cover;
  background-repeat: no-repeat;
}

#menu > ul > li:hover > a,
#menu > ul > li ul li a{ 
  background-color: #333; 
}

#menu > ul > li > a { 
  border-radius:5px 5px 0px 0px;
    padding: 17px;
    font-size: 25px;
    text-decoration: none;
    color: #eee;
}

#menu > ul > li > a:only-child { 
  border-radius: 5px;
}

#menu > ul > li {
  float: left;
}

#menu > ul > li:hover > a {
  color: #ff7e3d;
}

#menu > ul > li > ul li:first-child > a {
  border-top-right-radius: 5px;
}

#menu > ul > li > ul li:last-child > a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#menu > ul > li > ul > li > ul li:last-child > a {
  border-bottom-left-radius: 0;
}

#menu ul ul {
  position: absolute;
  left: -9999px;
  float: left;
}

#menu ul ul li {
    position: relative;
    left: -40px;
    height: 0;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

#menu li:hover > ul {
  left: auto;
}

#menu li:hover > ul > li {
  height: 35px;
}

#menu ul ul ul {
  margin-left: 100%;
  top: 0;
}

#menu ul ul li a {
  padding: 11px 15px;
  width: 150px;
  font-size: 18px;
  text-decoration: none;
  color: #eee;
  z-index: 9999; 
}

#menu ul ul li:hover > a,
#menu ul ul li a:hover {
  color: #70d86c;
}