折叠代码问题求教！急在线等·····

如图，代码搞定在上一那一部分有一块空白的的色块。高度大概是10左右。我想问我要修改代码那些地方才能去掉那空白部分？ 大神，大神，大神，快来吧！
我用的代码是这个：

<fieldset data-id="30062" style="border: 0px none; padding: 0px;">
    <details>
        <summary style="color:#fff; padding:10px; background-color:#000; cursor:pointer;">
            <span data-brushtype="text" style="font-size:15px; line-height:21px; margin-bottom:15px; text-align:justify; text-indent:28px; white-space:pre-wrap;">折叠样式，点击有惊喜</span>
        </summary>
        <section data-id="5" style="border: 4px solid #000; padding: 2px;">
            <blockquote style="white-space: normal; font-size: 14px; line-height: 25px; padding: 10px 10px; max-width: 100%; border: 0px;">
                <p>
                    折叠菜单示例！
                </p>
                <p>
                    扫描关注微信号，获取相关教程！
                </p>
                <p>
                    <img src="http://imgqn.koudaitong.com/upload_files/2015/03/26/FtykxZbh_xT6oOA6S5CmbLuDc07-.jpg!730x0.jpg"/>
                </p>
            </blockquote>
        </section>
    </details>
</fieldset>

padding:10px

改了之后只有那个黑色部分表小了。上面白色那部分还是会有。