纸波纹遍布屏幕,而不是包含在我的元素中?

我在这里做错什么了吗?由于某种原因,当我点击 在任何地方 在屏幕上而不仅仅是下面的图像?我把语法搞砸了吗?文件不太清楚。。

<polymer-element name="sound-card">
<template>
    <style>
        /*snip*/
        .soundcard-img {
            height: 77%;
            width: 100%;
        }

        paper-ripple {
            color: #00ca92;
        }
    </style>
    <div class="soundcard-container" vertical layout>
        <img src="../img1.jpg" class="soundcard-img">
        <paper-ripple fit></paper-ripple>
        <div horizontal layout center justified>
            <div>test</div>
            <a href="#"></a>
        </div>
    </div>
</template>

<script>
    Polymer({
        ready: function() {
        }
    });
</script>
</polymer-element>

我需要在聚合物定义的元素而不是div中包含纸张波纹吗?如果相关的话,我的容器div设置为200x260px!谢谢