2内联元素包裹了块级元素的后果

<a href="#" class="a_block"><span>专项基金<span><ul>            <li><a href="#">专项基金</a></li>           <li><a href="#">专项基金</a></li>            <li><a href="#">专项基金</a></li>         </ul></a>

.a_block{display:inline-block;height:16px;padding:28px;color:#fff;;margin-right:2px;background-color:#000;}.a_block ul{display:none}.a_block:hover{color:#fff;text-decoration:none;}.a_block:hover ul{display:block}

结果浏览器端显示的代码是这样的，不仅a没有包裹住ul，而且还在ul中多出了a标签

盒子模型的理解不到位，内联元素怎么可以包裹块级元素呢？

但是也不该生成多余的a标签啊？

还需要的解决啊