向高手询问一个比较弱的css有关问题<a>为啥包不住<img>

向高手询问一个比较弱的css问题<a>为啥包不住<img>

想要的效果是当鼠标移到图片上时，图片的边框显示出来为红色虚线。 为啥实际效果<a>包不住<img>?                                                  CSS                    HTML                                              
[解决办法]
.faceul li a{height:223px;display:inline-block;
}