Image 链接比图片长

所以，我正在我的网站上制作一个“链接”div。（链接都是图像，但由于某些原因，它们所包含的div太长了。图像应该是现在的三倍左右，但每当我调整div的大小使其变大时，它就会与视频重叠并向下推

代码如下所示：

<div class="links">
    <ul>
        <li><a href="http://music.papkeeproductions.com"><img src="Images/button_home.png" width="52%" height="69" style="width:15%;height:auto;" /></a></li>
        <li><a href="http://papkee.bandcamp.com"><img src="Images/button_music.png" style="width:15%;height:auto;" /></a></li>
        <li><a href="http://papkeeproductions.com"><img src="Images/button_films.png" style="width:15%;height:auto;" /></a></li>
    </ul>
</div>
<div class="player">
    <iframe src="http://www.youtube.com/embed/MTmUnOHs5Xs"></iframe>
</div>

那又是怎么回事？我的吉米一整天都在沙沙作响，我似乎找不到问题

---

谢谢！

为什么将.links的宽度设置为100%，将其更改为30%可以防止视频向下推。下面是更改的示例

位于标记中的样式属性将覆盖样式表：

style="width:15%;height:auto;"

优先于：

.links img {
    width:180px;
    height:auto;
}

---

哦，天哪，我真不敢相信我没看到。谢谢！

.links img {
    width:180px;
    height:auto;
}