关于banner里的imgNum问题!!!

Question

/*banner部分*/
imgNum{position:absolute;left:0;bottom:0px;width:100%;text-align:center;}	
.imgNum a{width:20px;height:5px;display:inline-block;background-color:#FFFFFF;overflow:hidden;}

为何imgNum不能加height:5px;  我加了之后就成这样了...

两个方形条跑到图片下面了,怎么回事?

把imgNum里的height删了就正常了,什么原理啊?

删这后是这样的:

此时,imgNum没有设高度,审察显示它的高度不是5px,为何会比里面的<a>标签高呢?