html中怎么调整li的高度,怎样让li的高度跟ul高度一样高？

高度,怎样让li的高度跟ul高度一样高？"/>

html中怎么调整li的高度,怎样让li的高度跟ul高度一样高？

第一张图是我写的html代码

第二张图是设计图

目的是鼠标移动上去背景色变红，我是用ul li 布局的，怎么写？我的背景红特别小，怎么调大一点？请各位朋友看看 下面是我的代码

/*nav*/

.nav {padding:0px; margin:0px; height: 77px; color: white; font-size: 22px; font-family: “华文黑体”; background-color: #676565; border: 0px solid; border-radius: 10px;}

.logo {width: 152px; display: inline-block; line-height: 77px; float: left; text-align: center; font-size: 30px; font-weight: bolder;}

.navigation {line-height: 33px; display:inline-block; width: 800px;}

.navigation ul{list-style-type: none; margin-left: -20px; }

.nav ul li {display: inline; margin-left: 25px; }

.nav