CSS3可以设置边框是向内还是向外， 如果要设置为内边框使用
box-sizing: border-box外边框
box-sizing: content-box#nav li a:hover{
background:#ccc
color:#000
border: 1px solid #000
}
问题出在这里
它是默认在这一块的周围加上边框，但是边框占2个像素的高度（上下各一），上面的边距又定义了，所以就向下延伸了
比较简单的方法就是，把这个border在所有的#nav元素中都写一遍，这样整个导航菜单的高度就增加2px，这样就不会显得它突兀了
其实应该是四个值30 30 30 30（上右下左），简写为两个30分别表示“上下”“左右”两个位置，这个是border-image-slice（图片边框向内偏移）这个属性的参数，利用这个属性的图片你应该注意一下图片的样式。必须是
这种样子的，不能是普通的图片，这个就是图片向内的偏移量，这个偏移量的最正常的值就是每个小块的宽度，当然也可以不用这样，但是也需要找个合适的值，这个合适的值根据不同的背景图是不一样的，这个需要自己多做几个图片，改成不同的值试一下，希望对你有帮助，不懂请继续追问，解决请采纳
