只用CSS+ul实现的下拉菜单

下面给大家介绍一种只用CSS+ul实现的下拉菜单，不用什么JQuery之类的东西

HTML代码

<ul id="nav">
  
  <li><a href="#">starters</a>
    <ul>
	  <li><a href="#">fish</a></li>
	  <li><a href="#">book</a></li>
	  <li><a href="#">food</a></li>
	</ul>
  </li>
  
  <li><a href="#">main course</a>
    <ul>
	  <li><a href="#">math</a></li>
	  <li><a href="#">english</a></li>
	  <li><a href="#">chinese</a></li>
	</ul>
  </li>
  
  <li><a href="#">car</a>
    <ul>
	  <li><a